虚拟单列表
其实就是只有一列的表格,通过以下几步实现:
props.bordered=false去除表格的边框。props.headless=true去除表头。props.rowActive=false去除行点击高亮。props.rowHover=false去除行hover样式。props.rowHeight设置行高。StkTableColumn['customCell']自定义单元格内容。
代码示意
ts
<StkTable
rowKey="id"
style={{ height: 400 }}
virtual
headless
rowHeight={200}
bordered={false}
rowActive={false}
rowHover={false}
columns={columns}
dataSource={data}
/>例子
等高
loading
不等高
配置 props.autoRowHeight即可打开自动行高。
通过props.autoRowHeight.expectedHeight设置期望行高。默认使用 props.rowHeight 作为期望行高
loading