V1.0.0
Skip to content

WTableV2 组件

虚拟化表格组件,基于 WinDesignNext Table V2 封装,适用于大数据量表格场景,通过虚拟滚动提升渲染性能。

与 WTable 的区别:WTableV2 使用 columns 属性定义列(非 WTableColumn 子组件),且必须设置 widthheight;WTable 适合中小数据量及需要自定义单元格渲染的场景。

基础用法

API

属性类型说明
componentstring固定为 WTableV2
dataSourcestring行数据路径,与 data 二选一
dataarray静态行数据
columnsarray列定义,与 columnsSource 二选一
columnsSourcestring列定义路径
widthnumber | DataBindingValue表格宽度(必填)
heightnumber | DataBindingValue表格高度(必填)
rowHeightnumber | DataBindingValue行高,默认 32
rowKeystring行唯一标识字段,默认 id
fixedboolean固定表头
stripeboolean斑马纹

path 支持说明

属性path 支持说明
dataSource✅(路径字符串)行数据数组路径
columnsSource✅(路径字符串)列定义数组路径
width表格宽度
height表格高度
maxHeight最大高度
rowHeight行高

dataSource 动态数据

json
{
  "component": "WTableV2",
  "width": 600,
  "height": 400,
  "dataSource": "/patients",
  "columns": [
    { "key": "name", "title": "姓名", "dataKey": "name", "width": 120 }
  ]
}

与 WTable 对比

特性WTableWTableV2
列定义WTableColumn 子组件columns 属性
单元格自定义支持 children 模板仅 dataKey 文本渲染
大数据量一般虚拟滚动,性能更好
必填尺寸width + height

注意事项

  • columns 每项必须包含 keytitledataKeywidth
  • 不支持 WTableColumn 子组件及 @row.* 自定义单元格渲染
  • A2UI JSON 不支持 sortByrowClass 等函数属性