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即可。