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

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

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

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

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

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

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

你可以做两种技巧

  1. 分页
  2. 虚拟渲染

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

  1. SlickGrid

“SlickGrid利用虚拟渲染,使您能够轻松处理数十万个项目,而不会降低性能。实际上,使用10行网格与100,000行之间的性能没有差别。”

  1. Clusterize.js

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

  1. w2ui

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

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