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