Installation
$ pnpm dlx shadcn@latest add @pdfcn/forme/table
Usage
import {
Table,
TableBody,
TableCell,
TableHeader,
TableRow,
Text,
} from "@/components/pdf/table";<Table>
<TableHeader>
<TableRow>
<TableCell>
<Text>Item</Text>
</TableCell>
</TableRow>
</TableHeader>
</Table>Variants
<Table variant="striped" zebraStripe>
{/* header, body, rows, and cells */}
</Table>API Reference
Table
| Prop | Type | Default |
|---|---|---|
variant | 'line' | 'grid' | 'minimal' | 'striped' | 'compact' | 'bordered' | 'primary-header' | 'line' |
zebraStripe | boolean | false |
noWrap | boolean | false |
children | ReactNode | - |
style | Style | - |
TableRow
| Prop | Type | Default |
|---|---|---|
header | boolean | false |
footer | boolean | false |
stripe | boolean | false |
variant | 'line' | 'grid' | 'minimal' | 'striped' | 'compact' | 'bordered' | 'primary-header' | inherited |
TableCell
| Prop | Type | Default |
|---|---|---|
header | boolean | false |
footer | boolean | false |
align | 'left' | 'center' | 'right' | 'left' |
width | string | number | - |
variant | 'line' | 'grid' | 'minimal' | 'striped' | 'compact' | 'bordered' | 'primary-header' | inherited |