挂在bootstrap表中的1000或5000条记录上
以下链接给出了很好的例子
http://issues.wenzhixin.net.cn/bootstrap-table/
但是,当分页大小从10更改为1000或5000时,浏览器会挂起超过20秒或一分钟来填充网格
数据中的记录数为5,000行。
数据表能够处理5,000条记录但不确定此引导表问题。
如何提高性能或解决问题? 是否已存在解决此问题的解决方案?
你可以做两种技巧
- 分页
- 虚拟渲染
对于虚拟渲染,您可以使用一些选项
- SlickGrid
“SlickGrid利用虚拟渲染,使您能够轻松处理数十万个项目,而不会降低性能。实际上,使用10行网格与100,000行之间的性能没有差别。”
- Clusterize.js
主要思想不是用所有使用的标签污染DOM。 而不是 – 它将列表拆分为集群,然后显示当前滚动位置的元素,并在列表的顶部和底部添加额外的行以模拟表的完整高度,以便浏览器显示滚动条和完整列表
- w2ui
我认为JavaScript的1MIL记录太多了,尽管它是可行的。 如果用户必须等待一秒钟,则会使用户体验缓慢且不愉快。 但是如上表所示,任何浏览器都可以为您提供100K或更少记录的良好用户体验。
尝试使用: https : //clusterize.js.org/
这是一个很容易显示大型数据集的插件。