Menu
Documentation

Flex Table

Flex tables are an alternative way to display tabular data. They behave responsively on smaller screens.

Rounded examples

Rounded:none

Flex tables can have different radius factors. Use the rounded prop to change the radius of the table. This example uses the none radius.

Rounded:sm

Flex tables can have different radius factors. Use the rounded prop to change the radius of the table. This example uses the sm radius.

Rounded:md

Flex tables can have different radius factors. Use the rounded prop to change the radius of the table. This example uses the md radius.

Rounded:lg

Flex tables can have different radius factors. Use the rounded prop to change the radius of the table. This example uses the lg radius.

Components

TairoFlexTable

Slot Type
#header
{}
#default
{}

TairoFlexTableHeading

Prop Type
type
default:"stable"
"stable" | "grow" | "shrink"

The type of the heading.

Slot Type
#default
{}

TairoFlexTableRow

Prop Type
rounded
default:-
"md" | "sm" | "lg" | "none"

The radius of the row.

Slot Type
#default
{}

TairoFlexTableCell

Prop Type
clamp
default:1
false | 1 | 2 | 3 | 4 | 5 | 6
light
default:-
boolean
type
default:"stable"
FlexTableCellType
Slot Type
#default
{}