Javascript，将大型非常大的表 append 到 DOM 的最佳方法

Question

我正在使用 JSON 和 PHP 返回一个包含 10,000 多条记录的超大表。

我遇到的问题是我使用 innerHTML 将该表 append 到 DOM，但这有时需要 15 秒或更长时间并使浏览器崩溃。有什么解决方案可以以某种方式优化它吗？该表已在 PHP 中预先构建到一个字符串中，因此我所要做的就是 append 它。

Answer 1

最好的方法可能是使用带分页的较小表格(我不确定是否有人真的想滚动 10k+ 行)。

另一种方法，如果你坚持要有这么大的表，可能是将 HTML 分解成行 block (或者甚至用 <tbody> 元素分组)，然后使用计时器将它们 append 到表中在 DOM 中。