vxe-table 固定列滚动完成后没有对齐

vxe-table 固定列滚动完成后没有对齐

默认情况下,虚拟滚动是自动开启的,当行数超过设置的 scroll.y.gt 时,就会自动触发虚拟渲染(即只渲染可视区内的数据),所以要想将性能达到最优,应该确保可视区内的显示条数尽可能减少,建议在 20 条以内渲染性能是非常流畅的。
对于设置固定列的场景,由于固定列和主体是两个区域;默认的 scroll 行为是即时渲染的,所以当渲染量达到一定程度时,会产生当前滚动的速度与固定区域的速度不一致,渲染中的空白区。

vxe-table 虚拟滚动可以设置两种模式

浏览器默认行为 scroll-y.mode=‘scroll’

一般用于可视区25行左右,轻量级列表的场景
(优点,与浏览器UI滚动行为一致性,缺点:对于渲染量过大及较复杂的场景会产生渲染空白期)
在这里插入图片描述

鼠标滚轮触发 scroll-y.mode=‘wheel’

一般用于可视区小于50行,或者存在固定列与复杂渲染的场景
(优点,支持固定列与主体同时滚动,缺点:滚动行为比浏览器UI滚动行为略差)
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值