我想用 JSPDF 导出 PDF,并使用插件作为“jspdf.autotable”来创建表格。现在问题是我想要如下格式样式:
如您所见,表格外部有边框但标题部分没有边框,我已经实现了,但是当行超过页面高度时,表格的格式无法正确呈现。因为自动表格插件没有内置功能在桌子外面有边框。我有另一种解决方案可以在 pdf 中添加整个 HTML,但我不希望将图片作为表格。请帮忙解决这个..
我想用 JSPDF 导出 PDF,并使用插件作为“jspdf.autotable”来创建表格。现在问题是我想要如下格式样式:
如您所见,表格外部有边框但标题部分没有边框,我已经实现了,但是当行超过页面高度时,表格的格式无法正确呈现。因为自动表格插件没有内置功能在桌子外面有边框。我有另一种解决方案可以在 pdf 中添加整个 HTML,但我不希望将图片作为表格。请帮忙解决这个..
作为插件的作者,不幸的是,我想不出一种简单的方法来实现这一点。唯一想到的是,您可以尝试使用例如afterContent
钩子并在每个页面上添加一个比表格大几个像素的矩形。实际上模拟边界。
不过,我已经看到之前提到过这个功能请求,我正在考虑在未来的版本中添加它。不过短期内不会。
我也遇到过这个问题,不幸的是我没有作者来指导我,我的错误是我不知道 stackoverflow 会返回它们。我不得不去编辑图书馆以达到预期的效果。
我必须对printRows()
方法进行更改并检查以检查第一页和我需要表格开始的其余页面。因为第一页会有额外的图表边距。
我在table.rows.forEach()
检查isNewPage()
方法的第一个 if 条件中使用了以下内容:
if (pageCount == 1) {
doc.setDrawColor(228, 228, 228);
doc.rect(settings.margin.left, settings.startY + table.headerRow.height, table.width, row_height);
} else {
doc.setDrawColor(228, 228, 228);
doc.rect(settings.margin.left, settings.margin.top + table.headerRow.height + 30, table.width, row_height);
}
addPage();
这些是我使用的检查,并且特定于我的应用程序,看看您是否可以了解如何自己实现其余部分。