Table Header Cell
Individual header cell component used within a table header row.
Overview
- align
- left · center · right
All options
Alignment
| cell \ align | left | center | right |
|---|---|---|---|
| default | Header | Header | Header |
Examples
Basic usage
Name
Email
Status
With width
Name
Email
Status
Aligned columns
Complete example with aligned columns.
Name
Email
Status
Amount
John Doe
john@example.com
Active
$99.99
Jane Smith
jane@example.com
Pending
$149.50
Accessibility
Column header role
TableHeaderCell renders a div with role="columnheader". Place it in a TableRow inside a TableHeader so it is announced as a column header.
Props
| Prop | Type | Required | Description |
|---|---|---|---|
| children | React.ReactNode | Yes | — |
| width | string | No | — |
| minWidth | string | No | — |
| align | 'left' | 'center' | 'right' | No | — |