挂在引导表中的 1000 或 5000 条记录上

Question

以下链接给出了很好的例子

http://issues.wenzhixin.net.cn/bootstrap-table/

但是，当分页大小从 10 更改为 1000 或 5000 时，浏览器会挂起超过 20 秒或一分钟以填充网格

数据中的记录数为 5,000 行。

数据表能够处理 5,000 条记录，但不确定此引导表问题。

如何提高性能或解决问题？是否已经存在解决此问题的解决方案？

Answer 1

你可以做两种技术

1. 分页
2. 虚拟渲染

对于虚拟渲染，您可以使用一些选项，例如

1. 光滑网格

"SlickGrid利用虚拟渲染，使您能够轻松工作 数十万个项目没有任何性能下降。 事实上，使用 网格有 10 行，而不是 100'000 行。

2. 聚类.js

主要思想是不要用所有使用的标签污染 DOM。而不是 那 - 它将列表拆分为集群，然后显示当前元素 滚动位置并将额外的行添加到列表的顶部和底部 模拟表格的完整高度，以便浏览器显示滚动条 完整列表

3. w2ui

我认为 JavaScript 的 1MIL 记录太多了，尽管它是 可做的。如果用户必须等待一秒钟以上，它会使用户体验 迟钝和不愉快。但如上面的表格所示，任何浏览器 可以为您提供 100K 或更少记录的良好用户体验。

Answer 2

尝试使用： https://clusterize.js.org/
这是一个很棒的插件，可以轻松显示大型数据集。