Table
A structured layout for rows and columns of data.
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.