푸터 요약 행

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} 
/>

상단에 고정하기

푸터를 테이블 상단에 고정할 수 있습니다:

tsx

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

다중 헤더 지원

푸터는 다중 헤더 아래에 올바르게 위치할 수 있습니다:

API

FooterConfig

속성	타입	기본값	설명
position	`'bottom'` \| `'top'`	`'bottom'`	푸터 고정 위치

FooterData

배열이며, 각 요소는 한 행의 푸터 데이터를 나타냅니다. 데이터 구조는 열 정의와 일치해야 합니다.

푸터 요약 행 ​

기본 사용법 ​

상단에 고정하기 ​

다중 헤더 지원 ​

API ​

FooterConfig ​

FooterData ​