jQuery dataTables 列不對齊的緣由

若是把 jQuery dataTables 用在初始化時爲隱藏的區域中，會發現表頭和內容的列是不對齊的。

解決方案：

若是是摺疊的，能夠加上：

$('#myCollapsible').on('shown.bs.collapse', function () {
   $($.fn.dataTable.tables(true)).DataTable()
      .columns.adjust();
});

 

若是是Tab頁，能夠加上：

$('a[data-toggle="tab"]').on('shown.bs.tab', function(e){
   $($.fn.dataTable.tables(true)).DataTable()
      .columns.adjust();
});

 

但願對你有幫助。