在表中加载记录。浏览器无响应

Question

来自ajax通话我获得了tr table的1000 + body。当我将数据加载到table正文

时

正在加载记录为table body。

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

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

Answer 1

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

Answer 2

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

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