有没有办法在显示原始表之前加载 DataTables？答案

【问题标题】：Is there any way to load DataTables before showing original table?有没有办法在显示原始表之前加载 DataTables？
【发布时间】：2016-12-27 18:43:04
【问题描述】：

我在使用 DataTables 时遇到了困难。你看，我在 </body> 标记的末尾加载 JavaScript。所以，当我加载一个页面时，它会向我显示原始表，没有搜索和分页 1 秒，然后加载 DataTables。所以这里有一个问题：有没有在页面加载之前加载DataTables，所以它会立即显示DataTable？

【问题讨论】：

在页面显示之前：没有。但是有几种方法可以防止 FOUC。
它们是什么？:)
一个例子：使用css隐藏表格并在初始化后显示。其他选项：将数据直接传递给数据表，无需中间 HTML 表。
好的，谢谢！把它写成答案。这解决了我的问题。
stackoverflow.com/a/43879304/5475228 这应该是正确的解决方案。

标签： javascript datatables styling

【解决方案1】：

有一些方法可以防止这种 FOUC，但您不能在实际加载页面之前初始化数据表。

一种选择是在开始时使用一些 CSS 隐藏表格，例如 display: none; 或 visibility: hidden;，具体取决于您的布局等。

另一种选择是将数据直接传递给数据表，而不需要中间的 HTML 表。你可以找到各自的example in their documentation。

【讨论】：