Table Cell
Individual data cell component used within table rows.
Overview
- align
- left · center · right
All options
Alignment
| cell \ align | left | center | right |
|---|---|---|---|
| default | Cell | Cell | Cell |
Examples
Basic usage
Name
John Doe
Width and alignment
Name
Email
Status
Amount
John Doe
john@example.com
Active
$99.99
Jane Smith
jane@example.com
Pending
$149.50
Fixed width and min width
Name
Description
Price
Product A
High quality product with extended warranty
$299.99
Accessibility
Cell role
TableCell renders a div with role="cell". Place it in a TableRow (role="row") inside a TableContainer (role="table").
Props
| Prop | Type | Required | Description |
|---|---|---|---|
| children | React.ReactNode | Yes | — |
| width | string | No | — |
| minWidth | string | No | — |
| align | 'left' | 'center' | 'right' | No | — |