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();
        //這個位置寫那個重新適應寬度的代碼
 });


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM