如果把 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();});

 

希望对你有帮助。