码迷,mamicode.com
首页 > Web开发 > 详细

JScript-表头滚动.js

时间:2014-08-01 15:18:41      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:style   color   io   for   cti   ar   html   div   

//var tr = $("#GridView1 tr:eq(0)");
//alert(534);
var aa = 32;

$(document).ready(function () {
    var tr = $("#GridView1 tr:eq(0)")[0].outerHTML;
    var div = "<div id=‘header‘ style=‘width:900px;overflow:scroll;‘><table id=‘headerTable‘ style=‘BORDER-BOTTOM: white 2px ridge; BORDER-LEFT: white 2px ridge; BACKGROUND-COLOR: white; WIDTH: 100%; BORDER-TOP: white 2px ridge; BORDER-RIGHT: white 2px ridge‘ id=GridView1 cellSpacing=1 cellPadding=3 sizcache=‘0‘ sizset=‘28‘><TBODY sizcache=‘0‘ sizset=‘28‘>" + tr + "</table></div>";
    jqdiv = $(div);
    jqdiv.insertBefore("#GridView1");
    //$("#GridView1 tr:eq(0)").hide();
    $("#GridView1").wrap("<div  id=‘divGridView‘ onscroll=‘divscroll();‘ style=‘width:900px;height:150px;overflow:scroll;‘></div>");

    $("#headerTable")[0].style.width = $("#divGridView")[0].scrollWidth;

    var th = $("#header th");
    var w = th.width();
    $.each(th, function (i, k) {
        k.style.width = $("#divGridView th:eq(" + i + ")").width();
    });


  


    //alert(534);

 

    var aa = 32;
    var divv = $("#divvv");
});

function divscroll() {
    $("#header")[0].scrollLeft = $("#divGridView")[0].scrollLeft;
}


var aa = 32;
"332".valueOf("bb");

JScript-表头滚动.js,布布扣,bubuko.com

JScript-表头滚动.js

标签:style   color   io   for   cti   ar   html   div   

原文地址:http://www.cnblogs.com/jimzbom/p/3884747.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!