Preview

Installation

Usage

import {
  Table,
  TableBody,
  TableCaption,
  TableCell,
  TableFooter,
  TableHead,
  TableHeader,
  TableRow,
} from "@/components/ui/table"
<Table>
  <TableCaption>Caption</TableCaption>
  <TableHeader>
    <TableRow>
      <TableHead>Header</TableHead>
      <TableHead>Header</TableHead>
    </TableRow>
  </TableHeader>
  <TableBody>
    <TableRow>
      <TableCell>Cell</TableCell>
      <TableCell>Cell</TableCell>
    </TableRow>
  </TableBody>
</Table>

API Reference

Table

The main table container, wrapped in a ScrollArea for horizontal overflow.

TableHeader

Header section of the table containing column headers.

TableBody

Body section of the table containing data rows.

TableFooter

Footer section of the table.

TableRow

A row in the table.

TableHead

A header cell in the table.

TableCell

A data cell in the table.

TableCaption

A caption for the table, rendered at the bottom.

Examples

Responsive Table