Table
Semantic table with glass wrapper and hover rows.
Table
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV-001 | Paid | Credit Card | $199.00 |
| INV-002 | Pending | PayPal | $42.00 |
| INV-003 | Unpaid | Bank Transfer | $320.00 |
| INV-004 | Paid | Credit Card | $99.00 |
| INV-005 | Paid | Apple Pay | $520.00 |
| Total | $1,180.00 | ||
Installation
1pnpm dlx shadcn@latest add @glasswave/tableUsage
1import {2 Table,3 TableHeader,4 TableBody,5 TableFooter,6 TableRow,7 TableHead,8 TableCell,9 TableCaption,10} from "glasswave";Table wraps <table> in a rounded, bordered scroll container. Row hover uses hover:bg-white/[0.04]; data-state="selected" is supported on TableRow.
API Reference
Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell and TableCaption render the matching native table element and accept its attributes plus className.