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

时间:2021-01-03 14:28:16

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


         debug的时候,发现这个高度被改了,所以可以在监听表格绘制完成的时候,给固定列的class添加一个margin-top的样式,如下使用浏览器查看到固定列的class,如下:[置顶]        JQuery Datatables 使用固定列 固定表头的下方显示不全(横线不出来了)

           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的。