datatable在tab切換出現表頭錯位問題

每個切換頁都有一個table，但是一個顯示正常，一個表頭錯位。

第一個tab切換表格正常

 

 第二個tab切換表格表頭錯位

 

已經試過的網上解決方式，結果無法解決問題：

1. serverSide : false
2.  autoWidth:false,
3. 每個th給百分比寬度，<th width="10%">
4. 給table設置style="width:**px;"固定寬度，有一定效果，但是無法自適應
5. 給table設置style="table-layout: fixed; width: 寬度px!important;"

 

新找到解決辦法：

在tab切換時，即隱藏的頁面重新顯示時加上如下一段代碼就可以了。

$.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();

原文地址：https://blog.csdn.net/jiang_mingyi/article/details/73200940