Command Palette

Search for a command to run...

Powerful table and datagrid built on top of the native table element.

NameStatusRole
John DoeActiveAdmin
Jane SmithActiveUser
Bob JohnsonInactiveUser

import {	Table,	TableBody,	TableCell,	TableHead,	TableHeader,	TableRow,} from "@/registry/optics/table";<Table>	<TableHeader>		<TableRow>			<TableHead>Name</TableHead>			<TableHead>Status</TableHead>			<TableHead>Role</TableHead>		</TableRow>	</TableHeader>	<TableBody>		<TableRow>			<TableCell>John Doe</TableCell>			<TableCell>Active</TableCell>			<TableCell>Admin</TableCell>		</TableRow>	</TableBody></Table>

Installation

pnpm dlx shadcn@latest add https://optics.agusmayol.com.ar/r/table.json

Props

<Table />
Name
Type
className
string

<TableHeader />
Name
Type
className
string
<TableBody />
Name
Type
className
string
<TableFooter />
Name
Type
className
string
<TableRow />
Name
Type
className
string
<TableHead />
Name
Type
className
string
<TableCell />
Name
Type
className
string
<TableCaption />
Name
Type
className
string