Html to pdf angular

npm install --save pdfmake
npm install html-to-pdfmake
npm install jspdf --save

ts file:
import jsPDF from 'jspdf';
import pdfMake from 'pdfmake/build/pdfmake';
import pdfFonts from 'pdfmake/build/vfs_fonts';
pdfMake.vfs = pdfFonts.pdfMake.vfs;
import htmlToPdfmake from 'html-to-pdfmake';

...
@ViewChild('pdfTable') pdfTable: ElementRef;
  
  public downloadAsPDF() {
    const doc = new jsPDF();
   
    const pdfTable = this.pdfTable.nativeElement;
   
    var html = htmlToPdfmake(pdfTable.innerHTML);
     
    const documentDefinition = { content: html };
    pdfMake.createPdf(documentDefinition).open(); 
    
    
HTML file:
<div class="container">
  <div id="pdfTable" #pdfTable>
...
</div>
  <button class="btn btn-primary" (click)="downloadAsPDF()">Export To PDF</button>
</div>

Source: itsolutionstuff.com

Similar codes

0 vote308 views2 answers
Input cursor color
Html
2 votes349 views3 answers
How to remove line in href tag in html
Html
0 vote318 views1 answer
38 1,2
Html
3 votes335 views2 answers
Html textbox pattern mobile number
Html
0 vote304 views1 answer
To ensure user input is a link in html
Html
0 vote368 views2 answers
Where should favicon.ico be placed in flask app
Html
3 votes286 views3 answers
How to add animated text in html
Html
2 votes282 views1 answer
Default html structure
Html
13 votes332 views3 answers
Rotate image html
Html
22 votes303 views2 answers
Input type number is not showing decimal cases when is 0.00 html
Html