Barcode | Tool | Manufacturer | Type | Price |
---|---|---|---|---|
HD128794 | Hammer | Stanley | Hand Tool | $25.00 |
HD128798 | Screwdriver | Craftsman | Hand Tool | $15.00 |
HD128792 | Pliers | Klein Tools | Hand Tool | $35.00 |
HD128793 | Level | DeWalt | Hand Tool | $45.00 |
HD128782 | Tape measure | Milwaukee | Hand Tool | $15.00 |
PT763124 | Circular saw | Makita | Power Tool | $200.00 |
PT763128 | Drill | Ryobi | Power Tool | $300.00 |
Usage
import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from '~/components/table';
import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from '~/components/table';
<Table>
<TableCaption>A list of tools.</TableCaption>
<TableHeader>
<TableRow>
<TableHead className="w-[100px]">Barcode</TableHead>
<TableHead>Name</TableHead>
<TableHead>Manufacturer</TableHead>
<TableHead className="text-right">Price</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell className="font-medium">HD128794</TableCell>
<TableCell>Hammer</TableCell>
<TableCell>Stanley</TableCell>
<TableCell className="text-right">$25.00</TableCell>
</TableRow>
</TableBody>
</Table>
<Table>
<TableCaption>A list of tools.</TableCaption>
<TableHeader>
<TableRow>
<TableHead className="w-[100px]">Barcode</TableHead>
<TableHead>Name</TableHead>
<TableHead>Manufacturer</TableHead>
<TableHead className="text-right">Price</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell className="font-medium">HD128794</TableCell>
<TableCell>Hammer</TableCell>
<TableCell>Stanley</TableCell>
<TableCell className="text-right">$25.00</TableCell>
</TableRow>
</TableBody>
</Table>