フッター集計行
props.footerDataでフッター集計行データを設定します。props.footerConfigでフッター位置と動作を設定します。
footerData は配列で、各要素はフッター行を表します。データ構造は dataSource 类似しており、フィールド名は列のdataIndexに対応しています。
基本使用
props.footerData を直接渡します:
tsx
const footerData: Data[] = [
{ name: '合計', age: 84, salary: 26000, bonus: 7000, },
];
<StkTable
rowKey="name"
columns={columns}
dataSource={dataSource}
footerData={footerData}
/>loading
上部に吸着
フッターをテーブル上部に吸着させます:
tsx
<StkTable
footerData={footerData}
footerConfig={{ position: 'top' }}
/>loading
マルチレベルヘッダーサポート
フッターはマルチレベルヘッダーの下で正しく位置合わせされます:
loading
API
FooterConfig
| プロパティ | 型 | デフォルト | 説明 |
|---|---|---|---|
| position | 'bottom' | 'top' | 'bottom' | フッター吸着位置 |
FooterData
配列で、各要素はフッター行を表します。データ構造は列定義と一致している必要があります。