Footer Summary Row

• props.footerData Configure footer summary row data.
• props.footerConfig Configure footer position and behavior.

footerData is an array where each element represents a footer row. The data structure is similar to dataSource, with field names corresponding to column's dataIndex.

Basic Usage

Pass props.footerData directly:

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

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

loading

Anchor to Top

Anchor the footer to the top of the table:

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

loading

Multi-row Header Support

The footer correctly positions itself below multi-row headers:

loading

API

FooterConfig

Property	Type	Default	Description
position	'bottom' | 'top'	'bottom'	Footer anchor position

FooterData

An array where each element represents a footer row. The data structure should match the column definitions.