如何从HTML表创建PDF文档?

时间:2016-08-01 11:41:50

标签: javascript html angularjs

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

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

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

我想从该HTML表创建PDF文件,并且可能包含有关该表的数据(如标题)。我希望在没有jQuery的情况下完成此操作,只使用纯JS和AngularJS。 PDF格式的表格还应包括样式表信息(字体,字体大小,颜色,甚至是儿童背景......)。

有一点需要注意,该表的高度有限,但它可以在X轴上滚动(使用overflow:auto)。我希望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文档的插件...
pdfMake
Generate PDF from HTML using pdfMake in Angularjs) - 这不起作用,因为只有部分表显示在页面上并且它是可滚动的。我希望在PDF格式中提供全表。

1 个答案:

答案 0 :(得分:0)

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

我使用的插件是PDFmake,绝对是我找到的最好的,工作如此完美。

我遇到的唯一问题是我错误地把它包括在内,这就是为什么它第一次没用。