Table

安装

命令

npx shadcn@latest add @pdfcn/forme/table

手动

安装以下依赖：

npm install @formepdf/react @formepdf/core

将以下代码复制粘贴到你的项目中。

• components/pdf/table/table.tsx

• components/pdf/theme-provider.tsx

• lib/resolve-color.ts

• lib/pdf-themes/professional.ts

• lib/pdf-themes/primitives.ts

• types/pdf-themes.ts

• types/pdf-components.ts

更新导入路径以匹配你的项目配置。

用法

import {
  Table,
  TableBody,
  TableCell,
  TableHeader,
  TableRow,
  Text,
} from "@/components/pdf/table";

<Table>
  <TableHeader>
    <TableRow>
      <TableCell>
        <Text>Item</Text>
      </TableCell>
    </TableRow>
  </TableHeader>
</Table>

变体

<Table variant="striped" zebraStripe>
  {/* header, body, rows, and cells */}
</Table>

API 参考

Table

TableRow

TableCell