Table - Aspect UI

Docs

Components

Table

Table - Aspect UI

The Table component displays data in rows and columns. It supports sorting, pagination, filtering, sticky headers, and responsive layouts for structured information.

Table of Contents#

Table Props
TableBody Props
TableCaption Props
TableCell Props
TableFooter Props
TableHeadCell Props
TableHeader Props
TableRow Props

Table Props#

Prop	Type	Default	Description
children	ReactNode	-	Table content, typically composed of TableHeader, TableBody, and TableFooter.
className	string	''	Additional CSS class for the table element.

TableBody Props#

Prop	Type	Default	Description
children	ReactNode	-	Content of the table body, typically TableRow components.
className	string	''	Additional CSS class for the table body.

TableCaption Props#

Prop	Type	Default	Description
children	ReactNode	-	Caption text describing the table.
className	string	''	Additional CSS class for the table caption.
position	top bottom	'bottom'	Position of the caption relative to the table.

TableCell Props#

Prop	Type	Default	Description
children	ReactNode	-	Content of the table cell.
className	string	''	Additional CSS class for the table cell.
colSpan	number	-	Number of columns the cell should span.
...rest	React.HTMLAttributes<HTMLTableCellElement>	-	Any other standard table cell attributes.

TableFooter Props#

Prop	Type	Default	Description
children	ReactNode	-	Footer content for the table.
className	string	''	Additional CSS class for the table footer.
...rest	React.HTMLAttributes<HTMLTableSectionElement>	-	Any other standard table section attributes.

TableHeadCell Props#

Prop	Type	Default	Description
children	ReactNode	-	Content of the table header cell.
className	string	''	Additional CSS class for the table header cell.

TableHeader Props#

Prop	Type	Default	Description
children	ReactNode	-	Content of the table header, typically TableRow components.
className	string	''	Additional CSS class for the table header.
...rest	-	-	Any other props supported by the header container element.

TableRow Props#

Prop	Type	Default	Description
children	ReactNode	-	Content of the table row, typically TableCell or TableHeadCell components.
className	string	''	Additional CSS class for the table row.