24 lines
671 B
TypeScript
24 lines
671 B
TypeScript
'use no memo';
|
|
|
|
import { flexRender, type Header, type HeaderGroup, type Table } from '@tanstack/react-table';
|
|
|
|
interface TableFooterProps<TData> {
|
|
table: Table<TData>;
|
|
}
|
|
|
|
export function TableFooter<TData>({ table }: TableFooterProps<TData>) {
|
|
return (
|
|
<tfoot>
|
|
{table.getFooterGroups().map((footerGroup: HeaderGroup<TData>) => (
|
|
<tr key={footerGroup.id}>
|
|
{footerGroup.headers.map((header: Header<TData, unknown>) => (
|
|
<th key={header.id}>
|
|
{!header.isPlaceholder ? flexRender(header.column.columnDef.footer, header.getContext()) : null}
|
|
</th>
|
|
))}
|
|
</tr>
|
|
))}
|
|
</tfoot>
|
|
);
|
|
}
|