dataTable tab欄切換時錯位解決辦法

作後臺管理類網站確定要寫列表，首選dataTable，功能強大

最近在作一個tab欄切換時發現了一個很詭異的事情：表頭錯位了！

主要時由於當table被隱藏後，table的header寬度會計算錯亂，解決方案就是在table切換的時候從新調整列的寬度，找到好多解決方案，不過最簡單的是下面這種：

var table = $.fn.dataTable.fnTables(true);
if ( table.length > 0 ) {
$(table).dataTable().fnAdjustColumnSizing();
}

可是

使用時要注意姿式，必定要讓DOM渲染結束後把這一坨給粘貼過去：

$("#li_certificate").click(function () {
        $(this).parent().addClass("selected").siblings().removeClass("selected");
        $("#div_record").hide();
        $("#div_certificate").show();
        //這個位置寫那個從新適應寬度的代碼
 });