DataTables在手机上固定第一列后导致行排列错乱,以及第一列表头重叠导致无法正确显示表头名称

在手机上固定第一列后,行排列错乱,数据对不齐,我的原因是引入了dataTables.bootstrap.min.js和dataTables.bootstrap.min.css这两个文件造成了兼容性问题,引起了排列错乱,移除这两个文件即可。如果用不到其他的功能,datatables有jquery.dataTables.min.js,jquery.dataTables.min.css及jquery.min.js文件即可使用,其他文件按需引入,不然不但没用,还会引起其他问题。

 

第一个问题是引入多余的文件导致错乱,那第二个问题就是少引入文件导致表头重叠了。问题情况如下图:

造成表头名称重叠的原因是没有引入css文件,引入了固定列的dataTables.fixedColumns.min.js文件,却没有引入fixedColumns.dataTables.min.css文件,因此引入fixedColumns.dataTables.min.css即可。

你可能感兴趣的:(js)