Virtual Single List

It's essentially a table with only one column, implemented through the following steps:

• props.bordered=false to remove the table border.
• props.headless=true to remove the table header.
• props.rowActive=false to remove row click highlighting.
• props.rowHover=false to remove row hover styles.
• props.rowHeight to set row height.
• StkTableColumn['customCell'] to customize cell content.

Code Example

<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>

Examples

Equal Height

loading

Variable Height

Configure props.autoRowHeight to enable automatic row height.

Set the expected height through props.autoRowHeight.expectedHeight. By default, props.rowHeight is used as the expected height.

loading