Table

Table component is used to organize and display data efficiently. It renders a `<table>` element by default

Props#

Table#

`colorScheme`

Type

"whiteAlpha" | "blackAlpha" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "linkedin" | "facebook" | "messenger" | "whatsapp" | "twitter" | "telegram"

Default

"gray"

`layout`

Type

PropertyValue<"tableLayout">

`size`

Type

"sm" | "md" | "lg"

Default

"md"

`variant`

Type

"simple" | "striped" | "unstyled"

Default

"simple"

Td#

`isNumeric`

Description

Aligns the cell content to the right

Type

boolean

Th#

`isNumeric`

Description

Aligns the cell content to the right

Type

boolean

TableCaption#

`placement`

Description

The placement of the table caption. This sets the `caption-side` CSS attribute.

Type

"top" | "bottom"

Default

"bottom"

Edit this page on GitHub