フッター集計行

props.footerData でフッター集計行データを設定します。
props.footerConfig でフッター位置と動作を設定します。

footerData は配列で、各要素はフッター行を表します。データ構造は dataSource 类似しており、フィールド名は列のdataIndexに対応しています。

基本使用

props.footerData を直接渡します：

svelte

<script lang="ts">
let footerData = $state<Data[]>([
    { name: '合計', age: 84, salary: 26000, bonus: 7000, },
]);
</script>

<StkTable
    rowKey="name"
    {columns}
    {dataSource}
    footerData={footerData} 
></StkTable>

上部に吸着

フッターをテーブル上部に吸着させます：

svelte

<StkTable
    footerData={footerData}
    footerConfig={{ position: 'top' }} 
></StkTable>

マルチレベルヘッダーサポート

フッターはマルチレベルヘッダーの下で正しく位置合わせされます：

API

FooterConfig

プロパティ	型	デフォルト	説明
position	`'bottom'` \| `'top'`	`'bottom'`	フッター吸着位置

FooterData

配列で、各要素はフッター行を表します。データ構造は列定義と一致している必要があります。

フッター集計行 ​

基本使用 ​

上部に吸着 ​

マルチレベルヘッダーサポート ​

API ​

FooterConfig ​

FooterData ​