jQuery DataTables 初始化延迟答案

【问题标题】：jQuery DataTables Initialization delayjQuery DataTables 初始化延迟
【发布时间】：2011-12-19 01:30:20
【问题描述】：

当我使用 DataTables 替换表中的数据集时，它的效果很好，但有时当您重新加载页面时，需要半秒钟的时间来包装显示原始表标记的表，并在很短的时间内显示原始表标记。我想知道是否有一种方法可以仅在 DataTables 完成包装表格时才显示页面内容？

【问题讨论】：

【解决方案1】：

有几种方法可以做到这一点。最简单的可能如下：

首先，通过 CSS 将您的表格设置为 display:none，甚至（喘气）在您的标记中使用内联样式。

然后在你的 DataTables 初始化中，使用 fnDrawCallback 来显示表格：

"fnDrawCallback": function() {
   $(this).show();
}

现在，请记住，实际的 table 最终会在上方和下方（用于页眉和页脚）有 div。刷新页面可能会在表格本身刷新时保持这些显示。如果您只想隐藏和显示所有内容，则需要将表格包装在容器 div 中，然后使用 $(this).show() 而不是 $('.container').show()

【讨论】：

【解决方案2】：

尝试使用body.onload 事件处理程序执行此操作。

【讨论】：