javascript - 是否可以在不卡住浏览器的情况下对 HTML 表格进行排序？

Question

我用一个包含数百行的 HTML 表格编写了一个网页。我用 JavaScript 对我的页面进行了编程，以便用户可以单击任何列顶部的标题以按该列对表格进行排序。

它运行良好，但需要一点时间，因为行数太多。我正在使用 JavaScript array.sort 方法对基础数据进行排序，然后使用这些数据将数据行写入页面。

问题是当用户点击标题时，浏览器会卡住，直到操作完成。有什么办法可以对我的页面进行编程，以便在对表格进行排序时浏览器不会卡住？

Answer 1

你最好的选择可能是使用一个现有的 HTML 表格/网格小部件库，它可能已经解决了这个问题。毫无疑问，许多内容都可以通过搜索网络找到。

您可以通过 Ajax 请求在服务器上执行繁重的项目(例如排序)，并简单地将现有的 DOM 表元素替换为服务器排序处理程序返回的元素。

您也可以编写自己的排序函数，将控制权交还给浏览器 UI 线程(例如，将排序算法从其自然循环分解为使用 setTimeout 或 setInterval).