Table
Compound data-table primitive: Table / TableHead / TableBody / TableRow / TableHeader / TableCell. Sortable column headers, row hover lift, selected-row accent edge.
| Order ID | Part ID | Source Location | Source Level | Total Volume |
|---|---|---|---|---|
| AB-00032734 | X60 BJGJ29839281 | US, Denver - 24071 | 66% | 10.9985 |
| AB-00032612 | X62 BAGJ28599202 | US, New York - 25018 | 86% | 7.28699 |
| AB-00032736 | X61 BHH09027512 | US, San Francisco - 27381 | 75% | 8.85221 |
Add to your project
One command adds this component to your project.
1
Run the following command. New project? Run npx shadcn@latest init first to set up Tailwind and path aliases.
npx shadcn@latest add @aicanvas/andromeda-table2
For dark mode, add the dark class to your <html> element:
<html class="dark">