EmptyTable
Empty state inside a Table — spans all columns with a centred icon, message, and optional action.
SSR mode
Examples
4-column table with empty state
| Name | Role | Status | |
|---|---|---|---|
No users found | |||
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| EmptyTable | An empty-state row for use inside a <TableBody>. Renders a <TableRow> containing a native <td> with colspan set to ColumnCount, so the cell spans all columns. The cell content is a centred column with an optional icon, a muted message, and an optional action slot. TableCell does not expose a ColSpan parameter, so the native HTML attribute is used directly. |
EmptyTable
An empty-state row for use inside a <TableBody>. Renders a <TableRow> containing a native <td> with colspan set to ColumnCount, so the cell spans all columns. The cell content is a centred column with an optional icon, a muted message, and an optional action slot. TableCell does not expose a ColSpan parameter, so the native HTML attribute is used directly.
| Property | Type | Required | Description |
|---|---|---|---|
| ColumnCount | int | Number of columns the empty-state cell should span. Match the number of columns in your table header. Default: 1. | |
| Message | string | Muted descriptive text shown below the optional icon. Default: "No items". | |
| IconSvg | string? | Optional SVG path for an icon rendered at size-10 text-muted-foreground above the message. Omit to suppress. | |
| Action | RenderFragment? | Optional action slot rendered below the message. Typically a single <Button>. | |
| ClassName | string? | Additional CSS classes applied to the <td> element. |