表尾汇总行

• props.footerData 配置表尾汇总行数据。
• props.footerConfig 配置表尾位置和行为。

footerData 是一个数组，每个元素代表一行表尾数据。数据结构与 dataSource 类似，字段名对应列的 dataIndex。

基础用法

传入 props.footerData即可：

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

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

loading

吸附在顶部

将表尾锚定在表格顶部：

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

loading

多行表头支持

表尾能够正确地定位在多行表头下方：

loading

API

FooterConfig

属性	类型	默认值	说明
position	'bottom' | 'top'	'bottom'	表尾锚定位置

FooterData

一个数组，每个元素代表一行表尾数据。数据结构应与列定义匹配。