仮想単位リスト

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

• props.bordered=false でテーブルボーダーを削除。
• props.headless=true でテーブルヘッダーを削除。
• props.rowActive=false で行クリックハイライトを削除。
• props.rowHover=false で行ホバースタイルを削除。
• 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