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

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

主要時(shí)因?yàn)楫?dāng)table被隱藏后，table的header寬度會(huì)計(jì)算錯(cuò)亂，解決方案就是在table切換的時(shí)候重新調(diào)整列的寬度，找到好多解決方案，不過(guò)最簡(jiǎn)單的是下面這種：

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

if ( table.length > 0 ) {

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

}

但是

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

 
                                                                    


                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

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

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

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

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

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

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

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

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

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

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

                                                                                    });