Table
A plain HTML table with hairline rows and the system's type scale.
| Name | Key | Scope | Last used |
|---|---|---|---|
| sirdar-production | nmk_live_7f2a… | Full access | 2 min ago |
| machermo-ci | nmk_live_9c1e… | Read only | 1 hour ago |
| sandbox-eval | nmk_test_4b08… | Read only | 3 days ago |
| legacy-ingest | nmk_live_2d55… | Full access |
Install
pnpm dlx shadcn@latest add @namche/tableUsage
import {
Table,
TableBody,
TableCell,
TableHead,
TableHeader,
TableRow,
} from '@/components/ui/table';
<Table>
<TableHeader>
<TableRow>
<TableHead>Name</TableHead>
<TableHead className="text-right">Last used</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell>sirdar-production</TableCell>
<TableCell className="text-right">2 min ago</TableCell>
</TableRow>
</TableBody>
</Table>Table wraps itself in a scrollable container, so a wide table on a narrow
viewport scrolls horizontally instead of breaking the page layout. Rows get
a hover background and a data-[state=selected] background for selection
UIs; TableFooter is available for a totals row and picks up the same
muted background as CardFooter.