虚拟单列表

其实就是只有一列的表格，通过以下几步实现：

• props.bordered=false 去除表格的边框。
• props.headless=true 去除表头。
• props.rowActive=false 去除行点击高亮。
• props.rowHover=false 去除行hover样式。
• props.rowHeight 设置行高。
• StkTableColumn['customCell'] 自定义单元格内容。

代码示意

<StkTable
    row-key="id"
    style="height: 400px"
    virtual 
    headless 
    :row-height="200"
    :bordered="false"
    :row-active="false"
    :row-hover="false"
    :columns="columns"
    :data-source="data"
></StkTable>

例子

等高

loading

不等高

配置 props.autoRowHeight即可打开自动行高。

通过props.autoRowHeight.expectedHeight设置期望行高。默认使用 props.rowHeight 作为期望行高

loading