如何从 HTML 表格创建 PDF 文档？答案

【问题标题】：How to create PDF document from HTML table?如何从 HTML 表格创建 PDF 文档？
【发布时间】：2016-12-06 11:33:19
【问题描述】：

我正在使用 AngularJS 从 API 获取数据并使用 ng-repeat 填充 HTML 表。

表格由包含带有数据的 JSON 数组的数组填充（例如。 vm.data = [{"x": 1, "y":2}, {"x": 1, "y":2}...])

HTML 表格是使用外部样式表文件自定义的。

我想从那个 HTML 表和可能包含关于该表的数据（如标题）的 div 创建 PDF 文件。 我最好不使用 jQuery，只使用纯 JS 和 AngularJS。 PDF 中的表格也应该包含样式表信息（字体、字体大小、颜色，甚至是子背景...）。

需要注意的一点是，表格的高度有限，但它可以在 X 轴上滚动（使用溢出：自动）。我希望 PDF 文件中显示的表格是全高的。

我尝试过的方法：

jsPDF - 不能为表格定制
html-pfg (https://www.npmjs.com/package/html-pdf) - 不能为表格/错误文档定制
(Is there an Angular way of printing a div from a HTML page?) - Hackish/使用 jQuery
(Print a div using javascript in angularJS single page application) - 不应用 CSS 文件
(https://github.com/sayanee/angularjs-pdf) - 这不是用于创建 pdf 文档的插件...
pdf制作
(Generate PDF from HTML using pdfMake in Angularjs) - 这不起作用，因为只有部分表格显示在页面上并且它是可滚动的。我想要 PDF 中的完整表格。

【问题讨论】：

jspdf你试过了吗
是的，我试过了，但我发现它不能为表格定制
我比 jspdf 更喜欢 pdfmake
Hmmmm.... 这个评论让我重新考虑 pdfmake。我遇到了包括它的问题，每当我尝试调用 pdfmake 时，它都将是未定义的，但现在我成功地做到了。现在让我们希望我能做出足够好的桌子
完成了！感谢 pdfmake，我制作了我需要的报告。也感谢您的评论，让我再试一次:)

【解决方案1】：

我设法创建了我需要的 PDF 报告。

我使用的插件是 PDFmake，绝对是我发现的最好的插件，完美无瑕。

我唯一的问题是我错误地包含了它，这就是它第一次没有起作用的原因。

【讨论】：