固定表头

//var leftOffset;

//var checkHeaderLeft = setInterval(function () {

//    var _grid = $('.ui-jqgrid');//grid div

//    var dataTable = $(_grid[0]).find(".ui-jqgrid-bdiv");  //数据div

//    var headerTable = $(_grid[0]).find(".ui-jqgrid-hbox"); //标题div

//    leftOffset = - dataTable.scrollLeft() + 'px';  //获取数据div被拉动的距离

//    $(headerTable[0]).find("table")[0].style.left = leftOffset; //移动标题行保持和数据行对应

//    $($(headerTable[0]).find("table")[0]).css({"position":"relative"});

//},5);

//$(window).bind('scroll', function () {

//    var _grid = $('.ui-jqgrid');  // grid div

//    var dataTable = $(_grid[0]).find(".ui-jqgrid-bdiv");

//    var headerTable = $(_grid[0]).find(".ui-jqgrid-hbox");

//    var dataTableTop = dataTable.offset().top; //数据列到上部的距离

//    var dataTableHeight = dataTableTop + dataTable.outerHeight();

//    var windowTop = $(window).scrollTop();

//    var headerTablePosition = headerTable[0].style.position;

//    //Scroll down    94的上方导航栏的高度

//    if (windowTop + 94 > dataTableTop - headerTable.height() && windowTop < (dataTableHeight - headerTable.height()) && headerTablePosition != "fixed") {

//        var width = dataTable.width() + 'px';

//        $(dataTable).css("top", (headerTable.height() + 1) + "px");  // +1 to account for the border width of the header

//        headerTable[0].style.position = "fixed";

//        headerTable[0].style.top = "94px";

//        $(headerTable[0]).css({ "z-index": 10000, "width": width, "overflow": "hidden" }); //将标题栏固定住,超出部分隐藏

//        $(".ui-corner-bottom").css({ "position": "relative", "top": "28px" });

//        var gridHeightString = $('#outsourcing-list').css("height").replace("px", "");

//        var newGridHeight = parseInt(gridHeightString) + headerTable.height() + 1;  // +1 to account for the border width of the header

//        $("#outsourcing-list").css("height", newGridHeight + "px"); //outermost grid element

//    }

//    //Scroll up

//    else if (windowTop + 94 < (dataTableTop - headerTable.height()) && headerTablePosition == "fixed") {

//        headerTable[0].style.position = "relative";

//        headerTable[0].style.top = "0px";

//        $(headerTable[0]).css({ "overflow": "initial" }); //还原标题栏之前的属性

//        $(".ui-corner-bottom").css({ "position": "initial", "top": "0" });

//        $($(headerTable[0]).find("table")[0]).css({ "position": "initial" });

//        $(dataTable).css("top", "0px");

//        $("#outsourcing-list").css("height", "100%");  //outermost grid element

//    }

//});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 5,882评论 0 1
  • 临近清明,恰逢月末,忙里偷闲,获得了难得的两天连休机会。先是一大早起来和家人赶到亲戚家,一起为家中已故老人操办三年...
    長安诛客阅读 1,891评论 0 1
  • 这个周有点团团转的意味,昨天刚收到一个检查通知,今天又收到一个检查通知,即使晚上不管几点睡早上四点半也要起来还是觉...
    花手鞠阅读 916评论 2 2
  • 布局属性: float:left/right/none clear:left/right/both 设置一个元素左...
    林筱优阅读 1,534评论 0 0