JSPDF AUTOTABLE无法显示正确的表格边框。

Question

我想使用JSPDF导出PDF，我正在使用名为“jspdf.autotable”的插件创建表格。现在问题是我想要以下格式的格式样式：

正如您所看到的，表格外面有一个边框，但标题部分没有，我已经实现了这一点，但是当行数超过页面高度时，表格的格式化无法正确呈现。由于autotable插件没有仅在表格外部具有边框的内置功能，因此我有另一种解决方案，即将整个HTML添加到PDF中，但我不想使用图片作为表格。请帮忙解决这个问题...

- Asha Koshti

Answer 1

作为插件的作者，我很遗憾无法想到一个简单的方法来实现这一点。唯一能想到的是，您可以尝试利用例如afterContent钩子，在每个页面上添加一个比表格大几个像素的矩形。从效果上模拟出边框。

我曾经看到过这个功能请求被提到过，但我正在考虑在未来的版本中添加它。不过近期内不会加入。

- Simon Bengtsson

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

这些是我使用的检查，与我的应用程序相关，请看看是否能够想出如何自己实现其余部分。

- hkm93