tab在沒有顯示之前,容器是沒有高度寬度的,而dt在自動計算高度和寬度時是獲取的外部容器的高度和寬度,當切換tab時,dt獲取不到這個高度寬度,導致列頭都擠在一起,是用下面代碼解決此問題
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { //當切換tab時,強制重新計算列寬 $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust(); } );
還有問題的話可能就是樣式有沖突了