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

Question

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

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

然而，当分页大小从10更改为1000或5000

时，浏览器会挂起超过20秒或一分钟来填充网格

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

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

如何改善性能或解决问题？是否已存在解决此问题的解决方案？

Answer 1

你可以做两种技巧

1. 分页
2. 虚拟渲染

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

1. SlickGrid

  

“SlickGrid利用虚拟渲染让您轻松工作   拥有数十万件物品，性能没有任何下降。   事实上，使用a之间的性能没有差别   网格有10行而不是100'000行。“

1. Clusterize.js

  

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

1. w2ui

  

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

Answer 2

尝试使用：https://clusterize.js.org/
它是一个很容易显示大型数据集的插件。