TableFooter

The footer section of a Table. Renders <tfoot> and provides TableSectionContext = 'footer', which makes descendant TableCells render as <td>.

Source

The footer section of a Table. Renders <tfoot> and provides TableSectionContext = 'footer', which makes descendant TableCells render as <td>. The natural home for totals rows and TablePagination.

<Table>
  <TableFooter>
    <TableRow>
      <TableCell colSpan={3}>Total</TableCell>
    </TableRow>
  </TableFooter>
</Table>

Demos

For usage examples, visit the component demo page: Table

Import

import { TableFooter } from '@soroush.tech/design-system/Table'

Props

Prop	Type	Default	Description
`color`	`keyof Theme['text']`	-	Text color.
`bg`	`keyof Theme['background']`	-	Background color.
`borderColor`	`keyof Theme['border']`	-	Border color.
`as`	`ElementType`	`'tfoot'`	Overrides the root element.

Also supports styled-system space and border props.

Source code

If this page does not answer your question, have a look at the implementation of the component for more detail.