> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getsabo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Table

> Responsive table container and semantic parts.

<Frame>
  <img src="https://mintcdn.com/aristotechnologiesinc/LH5aXxXQjZcsU-Hh/images/ui/table-light.png?fit=max&auto=format&n=LH5aXxXQjZcsU-Hh&q=85&s=96c29199b47cd983288ddd1e6e0f9a4f" alt="Table component preview (light)" width="150" data-path="images/ui/table-light.png" />
</Frame>

* **Location**: `sabo/src/components/ui/table.tsx`

## When to use

* Present tabular data with headers and rows.
* Use for datasets that benefit from columnar comparison.

## Usage

```tsx theme={null}
import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "@/components/ui/table";

export function Example() {
  return (
    <Table>
      <TableHeader>
        <TableRow>
          <TableHead>Name</TableHead>
          <TableHead>Role</TableHead>
        </TableRow>
      </TableHeader>
      <TableBody>
        <TableRow>
          <TableCell>Jane</TableCell>
          <TableCell>Admin</TableCell>
        </TableRow>
      </TableBody>
    </Table>
  );
}
```

## Key parts

<ParamField path="Table">
  Responsive wrapper with horizontal scroll for overflow.
</ParamField>

<ParamField path="TableHeader/TableBody/TableRow/TableHead/TableCell">
  Semantic wrappers for accessible table markup.
</ParamField>

<ParamField path="TableFooter">
  Optional footer row group.
</ParamField>

<ParamField path="TableCaption">
  Optional table caption for summaries/notes.
</ParamField>

## Styling tip

The `Table` wrapper provides horizontal scroll for overflow. Keep column count reasonable.

```tsx theme={null}
<div className="rounded-md border">
  <Table>...</Table>
</div>
```

## Accessibility

* Use `TableHeader` for column headers and `TableBody` for data rows.
* Screen readers navigate by column/row; provide clear, descriptive headers.
* For sortable tables, indicate sort direction with `aria-sort`.