About
Table
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Table to your project and fits it to your theme.
Code
How Table is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Table, TableHeader, TableBody, TableRow, TableCell } from "@/components/ui/table"
export function DefaultTable() {
return (
<Table>
<TableHeader>
<TableRow>
<TableCell>No.</TableCell>
<TableCell>Name</TableCell>
<TableCell>Age</TableCell>
<TableCell>TEL</TableCell>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell>1</TableCell>
<TableCell>John Doe</TableCell>
<TableCell>28</TableCell>
<TableCell>010-1234-5678</TableCell>
</TableRow>
<TableRow>
<TableCell>2</TableCell>
<TableCell>Jane Smith</TableCell>
<TableCell>34</TableCell>
<TableCell>010-2345-6789</TableCell>
</TableRow>
<TableRow>
<TableCell>3</TableCell>
<TableCell>Michael Lee</TableCell>
<TableCell>25</TableCell>
<TableCell>010-3456-7890</TableCell>
</TableRow>
<TableRow>
<TableCell>4</TableCell>
<TableCell>Emily Kim</TableCell>
<TableCell>30</TableCell>
<TableCell>010-4567-8901</TableCell>
</TableRow>
</TableBody>
</Table>
);
}More by Jae Yeol Lee
View all
shadcn button