Я использую renderToString
для преобразования моей Таблицы реактивов материала в строку, после того, как я генерирую PDF с jsPdf.
Моя таблица не заполняет все содержимое PDF, как я можно это исправить?
Это мой код:
const generatePDF = () => {
const doc = new jsPDF('p', 'pt');// eslint-disable-line
const string = renderToString(<UsersGridPDFTable data={users} />);
doc.fromHTML(string);
doc.save('pedidos.pdf');
}
Мой UsersGridPDFTable
компонент:
import React, { useEffect } from 'react'
const UsersGridPDFTable = (props) => {
return (
<Table aria-label="simple table">
<TableHead>
<TableRow>
<TableCell>
Email
</TableCell>
<TableCell
align="right"
>
Filial Logada
</TableCell>
<TableCell
align="right"
>
Ativo
</TableCell>
</TableRow>
</TableHead>
<TableBody>
{props.data.map(user => (
<TableRow key={user.id}>
<TableCell component="th" scope="row">
{user.login}
</TableCell>
<TableCell align="right">
{user.company_name}
</TableCell>
<TableCell align="right">
{user.inactive === false
? "Sim"
: "Não"
}
</TableCell>
</TableRow>
))}
</TableBody>
</Table>
)
}
export default UsersGridPDFTable;
Это мой результат:
Как я могу растянуть свою таблицу, чтобы заполнить все содержимое PDF?