JSPDF AUTOTABLE 不显示正确的表格边框答案

【问题标题】：JSPDF AUTOTABLE not displaying proper table BorderJSPDF AUTOTABLE 不显示正确的表格边框
【发布时间】：2016-01-07 11:01:36
【问题描述】：

我想用 JSPDF 导出 PDF，并且我使用插件作为“jspdf.autotable”来创建表格。现在问题是我想要如下格式样式：

如您所见，表格外有边框但页眉部分没有边框，我已经做到了，但是当行超过页面高度时，表格的格式无法正确呈现。因为自动表格插件没有内置仅在表格之外具有边框的功能。我有另一个解决方案可以在 pdf 中添加整个 HTML，但我不希望将图片作为表格。请帮忙解决这个问题..

【问题讨论】：

标签： javascript jspdf jspdf-autotable

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

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

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

【讨论】：