vxe-table 固定列滚动完成后没有对齐
默认情况下,虚拟滚动是自动开启的,当行数超过设置的 scroll.y.gt 时,就会自动触发虚拟渲染(即只渲染可视区内的数据),所以要想将性能达到最优,应该确保可视区内的显示条数尽可能减少,建议在 20 条以内渲染性能是非常流畅的。
对于设置固定列的场景,由于固定列和主体是两个区域;默认的 scroll 行为是即时渲染的,所以当渲染量达到一定程度时,会产生当前滚动的速度与固定区域的速度不一致,渲染中的空白区。
vxe-table 虚拟滚动可以设置两种模式:
浏览器默认行为 scroll-y.mode=‘scroll’
一般用于可视区25行左右,轻量级列表的场景
(优点,与浏览器UI滚动行为一致性,缺点:对于渲染量过大及较复杂的场景会产生渲染空白期)
鼠标滚轮触发 scroll-y.mode=‘wheel’
一般用于可视区小于50行,或者存在固定列与复杂渲染的场景
(优点,支持固定列与主体同时滚动,缺点:滚动行为比浏览器UI滚动行为略差)