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:

const footerData: Data[] = [
    { name: 'Total', age: 84, salary: 26000, bonus: 7000, },
];

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

loading

Anchor to Top

Anchor the footer to the top of the table:

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

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.