Model view controller 表分拣机慢速装载

我正在使用一个tablesorter插件，在一个大表上进行过滤、分页和排序。该样式在页面加载时应用非常慢（用户看到未格式化的表）。我只是想把桌子藏起来，直到它完全装好

我怎样才能做到这一点

以下是我的tableSorter初始化代码：

$（“#报告”）.tablesorter({
主题:"蓝色",，
是的，
小部件：[“zebra”、“filter”、“savePagerSize”]，
widgetOptions：{
筛选子行：false，
filter\u columnFilters:true，
filter\u cssFilter:'tablesorter filter'，
filter_filteredRow:“filtered”，
筛选器\格式化程序：null，
过滤函数：空，
筛选器_hideFilters:false，
过滤器信号情况：正确，
filter_liveSearch:true，
过滤器搜索延迟：300，
筛选器\服务器侧筛选：false，
筛选器_startsWith:false，
筛选器_useParsedData:false
}
}).表排序器({
容器：$（“#寻呼机”）
});

您可以在默认情况下隐藏表格，并将样式设置为“显示：无”

并且，通过将样式更改为display='block'，可以在documentready中看到make

---

对我来说很有用。

在某些情况下，为了定位的目的显示一些行是很有帮助的。在这种情况下，首先要在页面加载时隐藏一些行，这样就不会有太多的渲染工作要做，然后在初始化表之后，确保它们都是可见的

/*在初始化之前隐藏表的大容量”*/
.tablesorter tbody tr:n第n个子项（n+10），
.tablesorter tfoot tr{
显示：无；
}
/*如果我们被装饰过，我们就被初始化了*/
.tablesorter.tablesorter-bootstrap tbody tr，
.tablesorter.tablesorter-bootstrap tfoot tr{
显示：表格行
}

一旦初始化，Tablesorter将自动使用任何小部件类装饰表。如果没有任何小部件，可以通过点击

$（“表”）.tablesorter({
//这相当于上述绑定方法
初始化：函数（表）{
$（table.addClass（'tableInit'）；
}
});

---

我不知道你说的“大”是什么意思，但是你可以包括表类名“TableSorterBlue”，以便在加载页面时应用一些基本格式。上述代码是否也包装在文档就绪事件中？