javascript - jsAutotable 是否可以选择在超过某个 Y 后继续在新页面上？

Question

我正在创建一个包含多个表格的 pdf 文件，并且页面底部还有一个 Logo 。问题是，如果 Logo 太长，我的 table 就会覆盖 Logo 。如果表格超出某个 Y 点，是否可以在另一页上绘制一些行？

const tableBody = [
    ['column1', 'column2'],
    ['column1', 'column2'],
    ['column1', 'column2'],
            // some more rows to fill the page
];    

doc.autoTable({
                    startY: currentY,
                    head: [['1', '2']],
                    margin: { left: 8, right: 8 },
                    body: tableBody,
                    styles: { font: 'roboto', halign: 'left' },
                    headStyles: { fontStyle: 'roboto', fillColor: COLORS.BASIC },
                    columnStyles: {
                        0: { cellWidth: 10 },
                        1: { cellWidth: 150 },
                    },
                });

预期结果是显示图像并在另一页上继续表格。

这就是现在的样子:/image/3YcG9.png但我希望第一页上覆盖 Logo 的最后两行移至下一页。

Answer 1

这可以通过在 autoTable 设置中添加下边距来完成(该值对应于 totalPageHeight - logoPositionY)。

警告:如果表格跨多个页面，则边距将应用于所有页面(但可以假设每个页面都会有 Logo ，在这种情况下，它更多的是优势而不是问题)。

doc.autoTable({
    startY: currentY,
    head: [['1', '2']],
    margin: { left: 8, right: 8, bottom: yourValue },
    //etc
});

附加提示:您可以使用设置 rowPageBreak: 'avoid', 来防止当单元格高度不同时行跨页拆分。