仮想単位リスト

これは本质的に単位列だけを持つテーブルであり、以下のステップで実装されます：

• props.bordered=false でテーブルボーダーを削除。
• props.headless=true でテーブルヘッダーを削除。
• props.rowActive=false で行クリックハイライトを削除。
• props.rowHover=false で行ホバースタイルを削除。
• props.rowHeight で行の高さを設定。
• StkTableColumn['customCell'] でセルコンテンツをカスタマイズ。

コード例

<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