我们如何使用react.js pdf文件中的表格

时间:2019-07-01 08:09:24

标签: reactjs pdf document

我正在通过pdf下载react.js文件。我想要pdf文件中的静态表,但我不能。如何使用pdfreact.js HTML中添加表格。有什么方法可以在react.js中添加表。如何将表实现为pdf文档文件。请帮助我解决这个问题。我会非常 感激。

这是我正在渲染的PDF文档文件的代码。

import {
 Table,
 TableBody,
 TableHeader,
 TableHeaderColumn,
 TableRow,
 TableRowColumn,
 } from 'material-ui/Table';

<Table>
  <TableHeader>
    <TableRow>
     <TableHeaderColumn>ID</TableHeaderColumn>
     <TableHeaderColumn>Name</TableHeaderColumn>
     <TableHeaderColumn>Status</TableHeaderColumn>
  </TableRow>
</TableHeader>
<TableBody>
  <TableRow>
    <TableRowColumn>1</TableRowColumn>
    <TableRowColumn>John Smith</TableRowColumn>
    <TableRowColumn>Employed</TableRowColumn>
  </TableRow>
</TableBody>

1 个答案:

答案 0 :(得分:1)

PDF文件无法读取外部CSS。其只读 Inline CSS 。您正在使用反应材料。其调用外部CSS。因此,PDF不会影响设计。尝试内联编写CSS。