vxe-table 如何关闭虚拟滚动、设置虚拟滚动触发规则
vxe-table 支持高性能的虚拟渲染,但是有些功能是不支持虚拟渲染的,比如展开行、自适应高度…等
虚拟滚动的参数是由以下控制的:
scroll-x 用于控制横向虚拟滚动,gt 当大于指定条数时自动启用,默认 60,如果为 -1 则关闭虚拟滚动
scroll-y 用于控制纵向虚拟滚动,gt 当大于指定条数时自动启用,默认 100,如果为 -1 则关闭虚拟滚动
全局设置
VXETable.setup({
table: {
scrollX: {
gt: 200 // 当大于指定条数时自动启用横向虚拟滚动,如果为 -1 则默认关闭虚拟滚动
},
scrolly: {
gt: 60 // 当大于指定条数时自动启用纵向虚拟滚动,如果为 -1 则默认关闭虚拟滚动
}
}
})
局部设置
关闭虚拟渲染后如果数据量过大,将必然卡顿!!!
具体根据项目场景自行取舍。
<vxe-grid
:scroll-x="{gt: -1}"
:scroll-y="{gt: -1}"
...>
</vxe-grid>
建议全局启用,特殊场景局部关闭,这样更好一些;当然具体取决于项目环境,如果项目中全部都用了特殊功能,那就默认全部关闭即可。