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%'>");