一個比較有意思的問題，當(dāng)bootstrap tab中嵌套了jquery table后，當(dāng)進(jìn)行tab切換的時候，table的header會顯示錯落，如下圖所示：

主要時因?yàn)楫?dāng)table被隱藏后，table的header寬度會計算錯亂，解決方案就是在table切換的時候重新調(diào)整列的寬度。具體代碼如下：

$('.agent_tab').on('shown.bs.tab', function (e) { var table = $.fn.dataTable.fnTables(true); if ( table.length > 0 ) { $(table).dataTable().fnAdjustColumnSizing(); }})