JQuery Datatables 使用固定列 固定表头的下方显示不全(横线不出来了)

           在使用表格固定列的时候,因为使用的是表格的插件fixedcolumns,但在使用的过程中,就会发现这样的问题:固定列的表头下方横线没有显示不出来,不全,如下图:


         debug的时候,发现这个高度被改了,所以可以在监听表格绘制完成的时候,给固定列的class添加一个margin-top的样式,如下使用浏览器查看到固定列的class,如下:

           3.最后在初始化datatables的js文件里面,添加class样式(margin-top),如下代码:

       

"fnRowCallback" : function(nRow, aData, iDataIndex) {
									
							//由于固定列的样式问题,导致表头下方的横线没有显示,需要在表格绘制完成之后,改变下方内容的高度
							$(".DTFC_LeftWrapper .DTFC_LeftBodyWrapper").addClass("table_top");
						},
       class的样式为:

      

/*表格固定列的显示错乱问题*/
.table_top
{
  margin-top:1px;
}
          好的,这样就可以避免这个问题了,有问题可以交流关于datatables的。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值