JSPDF AUTOTABLE 未显示正确的 table 边框

Question

我想用 JSPDF 导出 PDF，我使用插件作为 "jspdf.autotable" 创建 tables.now 问题是我想要如下格式样式：

如您所见，table 之外有一个边框，但 header 部分没有，我已经实现了，但是当行超过页面高度时 table 的格式未呈现 properly.as autotable 插件没有内置功能，只有 table 之外的边框。我有另一种解决方案，可以在 pdf 中添加整个 HTML，但我不想将图片作为 table。请帮忙解决这个问题..

Answer 1

不幸的是，作为插件的作者，我想不出一个简单的方法来完成这个。唯一想到的是，您可以尝试利用 afterContent 挂钩，并在每个页面上添加一个比 table 大几个像素的矩形。实际上模拟边框。

不过我已经看到之前提到的这个功能请求，我正在考虑在未来的版本中添加它。不过短期内不会。

Answer 2

我也遇到过这个问题，不幸的是我没有作者来指导我，糟糕的是我不知道他们的Whosebug。为了达到预期的效果，我不得不去编辑库。

我不得不更改 printRows() 方法并进行检查以检查第一页和我需要 table 开始的其余页面。因为第一页会有额外的图形边距。

我在检查 isNewPage() 方法的第一个 if 条件中的 table.rows.forEach() 中使用了以下内容：

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();

这些是我使用的检查，并且特定于我的应用程序，看看您是否可以了解如何自行实施其余部分。

JSPDF AUTOTABLE 未显示正确的 table 边框

JSPDF AUTOTABLE not displaying proper table Border

javascript

jspdf

jspdf-autotable