找回密码
 立即注册

QQ登录

只需一步,快速开始

guoqp

高级会员

201

主题

771

帖子

1886

积分

高级会员

积分
1886

时代开发者征文活动

guoqp
高级会员   /  发表于:2024-2-21 16:57  /   查看:568  /  回复:5
10金币
几条几十条数据都还好

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

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

最佳答案

查看完整内容

el表格也是可以分页的 简单来说就是通过【el-分页】组件,在页码变更时,根据每页展示的数据量,以及当前页码重新获取相应分页的数据,并重新展示 类似这样的结构: 这个在【低代码最佳实践】中我们也做过demo,您可以参考这个链接 中前后端分离结构的示例

5 个回复

倒序浏览
最佳答案
最佳答案
Tony.Fu活字格认证 Wyn认证
超级版主   /  发表于:2024-2-21 16:58:00
来自 6#
guoqp 发表于 2024-2-21 17:29
EL表格怎么控制它的分页加载数据

el表格也是可以分页的
简单来说就是通过【el-分页】组件,在页码变更时,根据每页展示的数据量,以及当前页码重新获取相应分页的数据,并重新展示
类似这样的结构:



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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Tony.Fu活字格认证 Wyn认证
超级版主   /  发表于:2024-2-21 17:20:56
2#
guoqp您好,这个场景我有个疑问哈,如果只是预览数据,通常同屏也就百条(limit 100)也就足够确认数据了
是否能够通过限制预览的数据量来解决呢
如果确实数据量大,也可以考虑使用分页的方式来处理如何
回复 使用道具 举报
Tony.Fu活字格认证 Wyn认证
超级版主   /  发表于:2024-2-21 17:23:15
3#
主要也是因为对于浏览器的性能来说,dom元素如果太复杂了确实会对性能有影响
最优先还是减少同屏的dom及数据量

要是实在无法通过上述的方式回避,我们再研究有没有其他的优化方案
回复 使用道具 举报
guoqp
高级会员   /  发表于:2024-2-21 17:29:25
4#
Tony.Fu 发表于 2024-2-21 17:20
guoqp您好,这个场景我有个疑问哈,如果只是预览数据,通常同屏也就百条(limit 100)也就足够确认数据了
是 ...

EL表格怎么控制它的分页加载数据
回复 使用道具 举报
guoqp
高级会员   /  发表于:2024-2-21 17:30:53
5#
Tony.Fu 发表于 2024-2-21 17:23
主要也是因为对于浏览器的性能来说,dom元素如果太复杂了确实会对性能有影响
最优先还是减少同屏的dom及数 ...

数据是要完整预览的,可以分页,但不能只显示一部分数据。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部