dataTable tab栏切换时错位解决办法

weixin_33834628

于 2017-11-28 15:21:00 发布

阅读量578

点赞数

文章标签： javascript c# 前端 ViewUI

原文链接：http://www.cnblogs.com/bug-master/p/7910157.html

版权

本文解决了DataTable在tab栏切换时出现的表头错位问题。通过重新调整列宽的方法，确保了table在显示和隐藏过程中header宽度的准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做后台管理类网站肯定要写列表，首选dataTable，功能强大

最近在做一个tab栏切换时发现了一个很诡异的事情：表头错位了！

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();
        //这个位置写那个重新适应宽度的代码
 });

转载于:https://www.cnblogs.com/bug-master/p/7910157.html