javascript - jQuery DataTables 初始化延迟

Question

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

Answer 1

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

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

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

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

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