簡體   English   中英

如何從HTML表創建PDF文檔?

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM