Components / Data display
Table
Responsive semantic table primitives.
Preview
| Component | Status | Installs |
|---|---|---|
| AIComposer | New | 1,284 |
| CodeViewer | Stable | 3,108 |
| Resizable | Stable | 2,460 |
1import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"2
3export function TableDemo() {4 return <Table><TableHeader><TableRow><TableHead>Name</TableHead><TableHead>Status</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>AIComposer</TableCell><TableCell>New</TableCell></TableRow></TableBody></Table>5}Installation
Add the source directly to your project with the shadcn CLI.
npx shadcn@latest add qentrah/DUI/tableUsage
Install the component, import it from your configured UI directory, and adapt the source to your product. Open the source panel under any example to copy that exact variant.