components
TableHead
v.1.0.0 | SaturnUsage
import { TableHead, TableRow, TableCell } from '@kubit-ui-web/react-components'
123456789
<TableHead variant="DEFAULT"> <TableRow variant="HEADER_ROW_DEFAULT"> <TableCell variant="HEADER_CELL_DEFAULT">Header Cell 1</TableCell> <TableCell variant="HEADER_CELL_DEFAULT">Header Cell 2</TableCell> <TableCell variant="HEADER_CELL_DEFAULT">Header Cell 3</TableCell> <TableCell variant="HEADER_CELL_DEFAULT">Header Cell 4</TableCell> <TableCell variant="HEADER_CELL_DEFAULT">Header Cell 5</TableCell> </TableRow> </TableHead>
Props
Let's delve into the versatility of the tableHead component by examining all its avalaible props.
| Property | Type | Default | Description |
|---|---|---|---|
| variant | string | - | Current variant of TableHead |
| id | string | - | HTML identifier |
| sticky | boolean | - | When true, position will be set to sticky |
| hidden | boolean | - | When true, it will be hidden, but read only by screen readers |
| component | string or React.ComponentType<any> | thead | HTML component to render |
| dataTestId | string | tableHead | Id for testing |
| ctv | string | - | Modify styles for the component |