做后臺管理類網(wǎng)站肯定要寫列表，首選dataTable，功能強(qiáng)大

最近在做一個tab欄切換時發(fā)現(xiàn)了一個很詭異的事情：表頭錯位了！

主要時因為當(dāng)table被隱藏后，table的header寬度會計算錯亂，解決方案就是在table切換的時候重新調(diào)整列的寬度，找到好多解決方案，不過最簡單的是下面這種：

var table = $.fn.dataTable.fnTables(true);

if ( table.length > 0 ) {

$(table).dataTable().fnAdjustColumnSizing();

}

但是

使用時要注意姿勢，一定要讓DOM渲染結(jié)束后把這一坨給粘貼過去：

 
                                                                    


                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

                                                                                    $("#li_certificate").click(function () {
                                                                                

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

                                                                                    $(this).parent().addClass("selected").siblings().removeClass("selected");
                                                                                

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

                                                                                    $("#div_record").hide();
                                                                                

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

                                                                                    $("#div_certificate").show();
                                                                                

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

                                                                                    //這個位置寫那個重新適應(yīng)寬度的代碼 
                                                                                

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

                                                                                    });