@ag-media/ react-pdf-表

@ag-media/react-pdf-table 是用于 @ react-pdf/anderser (英语)。 。 。 .

3⁄4 ̄ ̧漯B
该图书馆专门设计用于: @ react-pdf/anderser (英语) 并将 没有工作 与其他反应成像器.

开始

npm install --save-dev @ag-media/react-pdf-table

基本实例

import {Table, TR, TH, TD} from '@ag-media/react-pdf-table';

const Component = () => (
    <Table>
        <TH>
            <TD>Header 1</TD>
            <TD>Header 2</TD>
        </TH>
        <TR>
            <TD>Data 1</TD>
            <TD>Data 2</TD>
        </TR>
    </Table>
);

提示: 您可以使用短写( H)<TH />, (中文(简体) ), <TR />, (中文(简体) ), <TD />)或(或) 长 (<TableHeader />, (中文(简体) ), <TableRow />, (中文(简体) ), <TableCell />) 命名进口.

参考Repo的 故事书 需要更多的实例.

小心点

虽然这个库涵盖了通常的表格布局,但它不是一个完整的或 防弹溶液. 因为并非所有布局都能够100%地实现 当前反应- pdf 原始数据,表格组件需要在 反应-pdf (提出这个问题) (中文(简体) ).

页:1

表格目录

表格中的内容必须评估到 string, (中文(简体) ), number, (中文(简体) ), <Fragment /> 或一个 @react-pdf/renderer 构成部分View, (中文(简体) ), Text 页:1.

桌边 tdProps 财务报告和审定财务报表 trProps

这两道道具会传给所有的"桌球"和"桌球". 可能会 用于样式单元格/行(样式示例) (中文(简体) ).

weighting

加权可以定义为表格中所有行一次 weightings 道具 和每张表格单。 表单的 weighting 道具有优先级 超过表 weightings。 。 。 .

若为 weighting 没有定义表格单元格, 则默认为占用 剩余空间的等量.

总和 weightings 对于一行必须到一,除非你想 一行比表格小.

限制/已知问题

• 页面包装可能以出乎意料的方式发生 :

• 弹性布局用于模拟表格的外观。 因为这个,它是 做柱子不排队是微不足道的.

• 边框崩溃

  因为没有这样的东西 在反应 -pdf, 这必须 "集成" 负差值。 这对不违约特别痛苦 边框样式(例如:. 外部边界(中文(简体) )

• 虚设和虚设的表格边框可能不规则或重叠