jsPdf, используя реагировать renderToString: как я могу растянуть мою таблицу, чтобы заполнить все содержимое PDF? - PullRequest
0 голосов
/ 18 марта 2020

Я использую 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;

Это мой результат:

enter image description here

Как я могу растянуть свою таблицу, чтобы заполнить все содержимое PDF?

...