---
category: display
---

# Table

Source: `components/ui/table.tsx`.

`Table` is a compound component. Its parts are exported **flat** (`TableHeader`, not
`Table.Header`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `TableHeader` | `React.ComponentProps<'thead'>` |
| `TableBody` | `React.ComponentProps<'tbody'>` |
| `TableFooter` | `React.ComponentProps<'tfoot'>` |
| `TableHead` | `React.ComponentProps<'th'>` |
| `TableRow` | `React.ComponentProps<'tr'>` |
| `TableCell` | `React.ComponentProps<'td'>` |
| `TableCaption` | `React.ComponentProps<'caption'>` |

All parts accept `className` and are composed as children of `Table`.