可复现的链接: https://codesandbox.io/p/sandbox/vxe-table-4-x-vue-3-0-wen-ti-yan-shi-forked-9k97xw 问题描述与截图: 表格在虚拟渲染下同时使用"单元格合并"+"冻结列"功能后滚动卡顿 示例中的“序号”和“选择”列设置了 fixed="left" 后就会开始滚动卡顿 期望的结果
例如: 如果加载时间仍然过长,你可以考虑增加分页的页数或减少每页的数据量。 如果滚动不流畅,你可以尝试优化数据加载逻辑或调整虚拟滚动的配置。 如果内存占用过高,你可以考虑使用更高效的数据结构或清理不再使用的数据。 通过以上步骤,你可以有效地优化vxe-table在加载大量数据时的性能。
可复现的链接: 无 问题描述与截图: 以下为大致描述 1.表格开启虚拟滚动 2.查看html元素(此时只有:1-16行元素) 3.将table滚动到最后一行(例:250行) 4.切换系统中的Tab页签并切换回Table页 5.查看html元素(会显示1-250行所有html元素) 期望的结果: 能帮忙处理一下
这里又有另一个问题,vxe-table内部就有滚动事件,因为我们的滚动事件会改变列表的数据,所以会触发vxe-tabl的滚动事件,然后这两个滚动事件会不断互相触发,所以我们需要一个变量记录最后滚动的高度,无变化就不做任何操作,直接返回 实现 设置样式 offscreenList需要隐藏,而且不能影响布局 visibility: hidden;position: abso...
我们可以修改<vxe-table>的scroll-y属性来验证一下,我们将enabled设置成false强制禁用虚拟滚动,会发现卡顿明显了不少,而且滚动后再点击“提交”按钮不能通过校验。如果换回 ElTable,卡顿感会更为明显,同样地,滚动后再点击“提交”按钮不能通过校验。这就可以确认问题根源是 VXETable 的虚拟滚动功能。
官网:https://vxetable.cn/ 以前老版本不支持虚拟滚动动态行高,vxe-table 新版本发布后,已经可以支持虚拟滚动和动态行高了。如果需要同等行高,只需加上 show-overflow 就可以了,同等行高的渲染性能是最优的,动态行高支持的最大数量低非常多。 建议非必要的场景应该使用同等行高,特殊需求场景在使用动态行高。
在electron(因兼容win7,版本为22.0.0)利用loadURL('xxx')嵌入项目,页面中使用vxe-table,当开启了虚拟滚动时,滚动条靠近底部或是顶部,使用鼠标滚轮进行滚动后滚动条速度异常缓慢,滚动距离连一个row的高度都没有。 :scroll-y="{ enabled: true, gt: 50, oSize: 10 }" ...
vxe-table:功能强大的Vue表格组件 vxe-table可不只是一个简单的表格展示组件,它更像是一个全能的表格解决方案,提供了丰富的功能和特性,能满足你对表格的各种幻想! 功能特点:只有你想不到,没有它做不到 •虚拟滚动:海量数据渲染?页面卡顿?别担心!vxe-table的虚拟滚动让你轻松应对,丝般顺滑,效率Max!
我体验了一把CS客户端,数万条数据放在那里,着实卡顿。 他们CS开发人员非他妈嘴硬说,这一点也不卡,极致顺滑。 真尼玛在这里掩耳盗铃呢,是吗?懒得跟他们废话。 结论就是:永远不要和傻子讲道理。 不废话,开整吧。 既然需要一次性展示数万条数据,那么element-table基本是不行了,毕竟也不能做个假分页。