Menu
Documentation

Table

Tables are a quick way to display lists and collections using the native HTML5 table element.

Rounded examples

Rounded:none

Tables can have different radius factors. Use the rounded prop to change the table's radius.

Rounded:sm

Tables can have different radius factors. Use the rounded prop to change the table's radius.

Rounded:md

Tables can have different radius factors. Use the rounded prop to change the table's radius.

Rounded:lg

Tables can have different radius factors. Use the rounded prop to change the table's radius.

Media examples

Media:none

Tables can have different radius factors. Use the rounded prop to change the table's radius.

Media:sm

Tables can have different radius factors. Use the rounded prop to change the table's radius.

Media:md

Tables can have different radius factors. Use the rounded prop to change the table's radius.

Media:lg

Tables can have different radius factors. Use the rounded prop to change the table's radius.

Components

TairoTable

Prop Type
rounded
default:"sm"
"sm" | "none" | "md" | "lg"
scrollable
default:true
boolean
Slot Type
#header
{}
#default
{}

TairoTableHeading

Prop Type
spaced
default:false
boolean
uppercase
default:false
boolean
Slot Type
#default
{}

TairoTableRow

Prop Type
hoverable
default:true
boolean
Slot Type
#default
{}

TairoTableCell

Prop Type
light
default:false
boolean
spaced
default:false
boolean
Slot Type
#default
{}