Skip to content
StrataKit Docs

Table

Tables are used to display information from a data set.

Useful links:

StrataKit MUI modifications

Section titled “StrataKit MUI modifications”
  • Removed role="rowgroup" semantics from TableBody, as it is not necessary and can cause issues with some assistive technologies.
  • Enabled TableRow’s hover prop by default, except when used inside TableHead.

Examples

Section titled “Examples”
Section titled “Footer”

Dense

Section titled “Dense”

Use size="small" for compact interfaces with limited screen real estate or when displaying large datasets.

Row selection

Section titled “Row selection”

Use a Checkbox within the Table’s first column to give the user a clear indicator that rows can be selected. Combine it with the TableRow’s selected prop to visually reinforce selected rows.