在表中加载记录。浏览器没有响应答案

【问题标题】：Loading records in a table. Browser not responding在表中加载记录。浏览器没有响应
【发布时间】：2014-07-27 20:59:11
【问题描述】：

从 ajax 调用中，我得到 1000+ tr table body。当我将该数据加载到 table 正文中时

加载记录是tablebody。

$('#loadingRecords').html(data);

浏览器挂起并且有一段时间没有响应。当我们处理这类问题时，最好的方法是什么？

【问题讨论】：

【解决方案1】：

浏览器挂起，因为您正在对 DOM 执行繁重的操作。这可以通过使用pagination 来缓解，或者通过将结果分成更小的块来以更小的批次执行操作。

【讨论】：

【解决方案2】：

尝试将 HTML 数据转储到隐藏的 table 标记中。然后完成后，显示它。

问题在于重绘。每个表操作都会导致整个事情变得“脏”。因此浏览器必须进行重绘。

【讨论】：