Skip to content

行一意キー

TIP

仮想リストモードでは rowKey を指定することに気をつけてください

propsデフォルト説明
rowKeystring | (row:DataType) => string配列インデックス行の一意キー
colKeystring | (col:StkTableColumn) => stringStkTableColumn['key'] |StkTableColumn['dataIndex']列の一意キー
vue
<StkTable row-key="id"></StkTable>
<StkTable :row-key="row => row.code + row.type"></StkTable>

列一意キー colKey

デフォルトでは StkTableColumn['key'] || StkTableColumn['dataIndex'] を使用します。

同じ dataIndex を持つ複数の列を設定したい場合は、key フィールドを使用して列の一意キーを指定する必要があります。keyは必須フィールドではありませんStkTableColumn 型定義 を参照してください。

ts
const columns:StkTableColumn[] = [
    { key: '1', dataIndex: 'a',title: 'A1' },
    { key: '2', dataIndex: 'a', title: 'A2' },
    { dataIndex: 'b', title: 'B' },
    { dataIndex: 'c', title: 'C' },
]

MITライセンスの下で公開されています