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

Question

我正在创建一个包含多个 table 的 pdf，它在页面底部也有一个徽标。问题是如果徽标太长，我的 table 会覆盖徽标。如果 table 超过某个 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 },
                    },
                });

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

这是现在的样子：https://i.imgur.com/IR89VjM.png但我想将第一页上覆盖徽标的最后两行移到下一页。

Answer 1

这可以通过在您的 autoTable 设置中添加底部边距来完成（该值对应于 totalPageHeight - logoPositionY）。

注意事项：如果 table 跨越多个页面，边距将应用于所有页面（但可以假设每个页面都有徽标，在在这种情况下，优势多于问题。

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

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

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

Is there an option for jsAutotable to continue on new page after certain Y is exceeded?

javascript

jspdf

jspdf-autotable