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
    rowKey="id"
    style={{ height: 400 }}
    virtual 
    headless 
    rowHeight={200} 
    bordered={false} 
    rowActive={false} 
    rowHover={false} 
    columns={columns}
    dataSource={data}
/>

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