vtable-guild

Appearance

虚拟滚动 ​

虚拟滚动是 vtable-guild 最值得优先关注的增强能力之一。对于长列表页面，它的价值不是“多一个开关”，而是让你不必再维护另一套大数据量表格方案。

怎么开启 ​

虚拟滚动需要同时满足两个条件：

  • virtual 为 true
  • scroll.y 提供一个有效高度
vue
<VTable
  row-key="key"
  :columns="columns"
  :data-source="dataSource"
  :scroll="{ y: 400 }"
  :virtual="true"
/>

关键边界 ​

  • 只写 virtual，不写 scroll.y，不会真正启用虚拟滚动
  • rowKey 需要保持稳定，否则滚动窗口复用时容易出现状态错位
  • 虚拟滚动提升的是渲染性能，不会替代服务端分页、慢查询优化或大对象计算优化

什么时候用 ​

  • 列表行数很多，滚动明显卡顿
  • 你希望在同一张表里保留列定义、主题和交互能力，而不是切换到另一种列表组件
  • 当前页面的主要瓶颈来自 DOM 数量，而不是接口本身

相关页面 ​