guoqp 发表于 2024-2-21 16:57:59

EL表格设置数据源(二维表)速度非常慢这个有没有什么好的解决办法?

几条几十条数据都还好

但数据一旦上千条后就非常慢
我测试2500多条大约需要四十多秒
4000多条数据要一分多钟
那上万条数据的这种加载得慢到什么程度啊

我之所以有这个场景,是因为表格加载的数据是动态的,用于预览数据,比如选择不同数据库,不同表,预览选择的表的数据,因为表不同结构不同,所以表格列自动生成,这个EL表格正好合适,就是这个速度体验不太好。

Tony.Fu 发表于 2024-2-21 16:58:00

guoqp 发表于 2024-2-21 17:29
EL表格怎么控制它的分页加载数据
el表格也是可以分页的
简单来说就是通过【el-分页】组件,在页码变更时,根据每页展示的数据量,以及当前页码重新获取相应分页的数据,并重新展示
类似这样的结构:



这个在【低代码最佳实践】中我们也做过demo,您可以参考这个链接 中前后端分离结构的示例

Tony.Fu 发表于 2024-2-21 17:20:56

guoqp您好,这个场景我有个疑问哈,如果只是预览数据,通常同屏也就百条(limit 100)也就足够确认数据了
是否能够通过限制预览的数据量来解决呢
如果确实数据量大,也可以考虑使用分页的方式来处理如何:nbtz5:

Tony.Fu 发表于 2024-2-21 17:23:15

主要也是因为对于浏览器的性能来说,dom元素如果太复杂了确实会对性能有影响
最优先还是减少同屏的dom及数据量

要是实在无法通过上述的方式回避,我们再研究有没有其他的优化方案

guoqp 发表于 2024-2-21 17:29:25

Tony.Fu 发表于 2024-2-21 17:20
guoqp您好,这个场景我有个疑问哈,如果只是预览数据,通常同屏也就百条(limit 100)也就足够确认数据了
是 ...

EL表格怎么控制它的分页加载数据

guoqp 发表于 2024-2-21 17:30:53

Tony.Fu 发表于 2024-2-21 17:23
主要也是因为对于浏览器的性能来说,dom元素如果太复杂了确实会对性能有影响
最优先还是减少同屏的dom及数 ...

数据是要完整预览的,可以分页,但不能只显示一部分数据。
页: [1]
查看完整版本: EL表格设置数据源(二维表)速度非常慢这个有没有什么好的解决办法?