如何从HTML表创建PDF文档？

Question

I'm using AngularJS to get data from API and populate HTML table using ng-repeat .

Table is populated from array containing JSON arrays with data (eg. vm.data = [{"x": 1, "y":2}, {"x": 1, "y":2}...])

HTML table is customized using external stylesheet file.

I want to create PDF file from that HTML table and possible div containing data about that table (like header). Preferably I would like this done without jQuery, only using pure JS and AngularJS. Also table in PDF should include stylesheet info (font, font-size, color, even child background...).

One thing to notice that table have limited height, but it is scrollable on X axis (using overflow:auto). I want table shown in PDF file to be full height.

---

Methods I tried:

jsPDF - not customizable for tables
html-pfg ( https://www.npmjs.com/package/html-pdf ) - not customizable for tables/bad documentation
( Is there an Angular way of printing a div from a HTML page? ) - Hackish/Uses jQuery
( Print a div using javascript in angularJS single page application ) - Not applying CSS files
( https://github.com/sayanee/angularjs-pdf ) - This is not plugin for creating pdf documents...
pdfMake
( Generate PDF from HTML using pdfMake in Angularjs ) - This is not working because only part of table is shown on page and it is scrollable. I want full table in my PDF.

Answer 1

I managed to create PDF reports that I needed.

Plugin I used is PDFmake and is definitely best I found, works so flawless.

Only problem I had is that I wrongly included it and that's why it didn't worked first time.