Table

A structured component for displaying tabular data in rows and columns with consistent styling and layout.

Col 1 Col 2 Col 3
Value 1.1 Value 1.2 Value 1.3
Value 2.1 Value 2.2 Value 2.3
Value 3.1 Value 3.2 Value 3.3
Property Description Type
Table striped Tints every other body row to make long tables easier to scan. boolean
Table interactive Highlights body rows on hover, for rows that can be selected or opened. boolean
TableHead align Horizontal alignment of the header cell. Defaults to start. start | center | end
TableCell align Horizontal alignment of the cell. Use end for numbers. start | center | end
TableCell truncate Cuts long content to one line with an ellipsis. boolean
TableCaption Title for the table, shown inside its card at the top. component
TableHeader / TableBody / TableRow Structural parts that render thead, tbody and tr. component