Components

Table

Semantic table components for structured data

Use Table, TableHeader, TableBody, TableRow, and TableCell to build accessible, styled tables in docs.

Basic usage

Feature	Status
i18n	Supported
RTL	Supported

<Table>
  <TableHeader>
    <TableRow>
      <TableCell header>Feature</TableCell>
      <TableCell header>Status</TableCell>
    </TableRow>
  </TableHeader>
  <TableBody>
    <TableRow>
      <TableCell>i18n</TableCell>
      <TableCell>Supported</TableCell>
    </TableRow>
  </TableBody>
</Table>

Cell alignment

Use the align prop on TableCell for left (default), center, or right alignment.

Name	Count	Value
Item A	1	$10

Props

Table

classNamestring

Additional CSS classes for the table element

TableCell

headerbooleandefault: false

Render as a header cell (<th>)

align'left' | 'center' | 'right'default: 'left'

Text alignment

classNamestring

Additional CSS classes