Skip to content

不定高虚拟列表

配置

属性类型默认值说明
props.autoRowHeightboolean | AutoRowHeightConfig<DT>false是否开启自动行高
props.rowHeightnumber--props.autoRowHeighttrue 时,将表示为期望行高,用于计算。不再影响实际行高。

AutoRowHeightConfig<DT>

ts
type AutoRowHeightConfig<DT> = {
    /** 期望行高 */
    expectedHeight?: number | ((row: DT, index: number) => number);
};

期望行高

预计一行的高度为多少,用于计算当前表格高度下,能放下几行。

优先级

props.autoRowHeight.expectedHeight > props.rowHeight

示例

loading

如果你你想控制单元格上下的padding,可以通过覆盖css变量实现:

css
.stk-table {
    --cell-padding-y: 8px;
}

单列表

请移步至虚拟单列表示例

根据 MIT 许可证发布