[英]How to create PDF document from HTML table?
我正在使用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轴上滚动(使用overflow:auto)。 我希望PDF文件中显示的表格全高。
我尝试过的方法:
jsPDF-不可自定义表格
html-pfg( https://www.npmjs.com/package/html-pdf )-不能为表格/错误的文档进行自定义
( 是否存在从HTML页面打印div的Angular方法? )-Hackish / Use jQuery
( 在angularJS单页应用程序中使用javascript打印div )-不应用CSS文件
( https://github.com/sayanee/angularjs-pdf)-这不是用于创建pdf文档的插件...
pdf制作
( 在Angularjs中使用pdfMake从HTML生成PDF )-这不起作用,因为页面上仅显示表的一部分并且可以滚动。 我想在PDF中显示完整表格。
我设法创建了所需的PDF报告。
我使用的插件是PDFmake,并且绝对是我发现的最好的插件,它的工作如此完美。
我唯一的问题是我错误地包含了它,这就是为什么它第一次不起作用的原因。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.