Datatables使用滚动条后导致表头与内容不对齐问题的解决方法
如论是1.10版本还是1.9版本的Datatables我都遇到了表头对不齐的问题。
1.9版本我还能在table中添加style="table-layout:fixed" 解决(实际上偶尔还是会出现对不齐的情况)
如果你像下面这样,添加了x轴滚动条,我还有一个彻底解决的方法。
var dataTable = $('#tableId').DataTable({ paging: true, serverSide: true, processing: true, responsive: false, //关闭响应拓展 scrollX: true,//设置X轴滚动 scrollY: false,//设置X轴滚动 scrollCollapse: true,//滚动折叠 });
通过在wrapAll在table外包裹一层作为滚动条
$('#tableId').wrapAll("<div style='overflow-x:auto;width:100%'>");