做后台管理類網站肯定要寫列表,首選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();
//這個位置寫那個重新適應寬度的代碼
});