JS实现table 列锁定

js 专栏收录该内容
2 篇文章 0 订阅
滚动条监听事件,定位元素位置

$(".jqGrid_wrapper").scroll(function() {
    var left=$(".jqGrid_wrapper").scrollLeft();//获取滚动的距离
    var ths=$(".jqGrid_wrapper table").eq(0).find("tr");//获取表格的所有tr
    ths.each(function(i){//对每一个tr(每一行)进行处理
            $(this).children().eq(0).css({"position":"relative","top":"0px","left":left,"z-index":"1"});
            $(this).children().eq(1).css({"position":"relative","top":"0px","left":left,"z-index":"1"});
            $(this).children().eq(2).css({"position":"relative","top":"0px","left":left,"z-index":"1"});
            $(this).children().eq(3).css({"position":"relative","top":"0px","left":left,"z-index":"1"});
    });
   
});
 
移动锁定行表给边框消失问题,增加如下代码
table {
    border-spacing: 0;
     border-collapse: separate;
}

 
jqgrid 统计行 单元格合并
.ui-jqgrid .ui-jqgrid-ftable {
    table-layout: auto;
}
.ui-jqgrid tr.footrow td {
    border: 0;
}

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值