做后台管理类网站肯定要写列表，首选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();
                                                                                

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

                                                                                    //这个位置写那个重新适应宽度的代码 
                                                                                

                                                                            

                                                                        

                                                                        


                                                                            


                                                                                


                                                                                

                                                                            

                                                                            


                                                                                

                                                                                    });