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 vote124 views1 answer
Ionic checkbox value by function
Html
6 votes126 views1 answer
Hamburger icon svg
Html
0 vote118 views1 answer
Form filling progress bar html5
Html
25 votes125 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).
Html
0 vote131 views1 answer
Python split html header
Html
0 vote123 views1 answer
Split screen html
Html
-1 vote126 views2 answers
Simplecss cdn
Html
0 vote131 views1 answer
Event.preventdefault() in angular
Html
1 vote139 views1 answer
Pass text from input field to javascript function
Html
0 vote93 views0 answer
Html