<div id="content" #content> <div class="skill-view-head"> <div> <label for="emp-id">Emp ID: </label> <span> {{employeeId}}</span> </div> <div> <label for="emp-name">Emp Name: </label> <span> {{empName}}</span> </div> <div> <label for="doj">DOJ: </label> <span> {{doj | date:'MM/dd/yyyy'}}</span> </div> </div> <table class="skill-view-table certificate-table"> <tr> <th>#</th> <th>Date</th> <th>Attributes</th> <th>Certificate Name</th> </tr> <tr *ngFor="let certificate of skillBonusdetails[0]?.getCertificatesTemp; let i = index"> <td>{{ i + 1 }}</td> <td>{{ certificate.date | date:'MM/dd/yyyy' }}</td> <td>{{ certificate.type }}</td> <td>{{ certificate.certificateName }}</td> </tr> <tr *ngIf="skillBonusdetails[0]?.getCertificatesTemp?.length > 0" style="background-color: #fff;"> <td colspan="3">Earned Points</td> <td>{{certificateEarnedPoints}}</td> </tr> <tr *ngIf="skillBonusdetails[0]?.getCertificatesTemp === null"> <td colspan="4" class="text-center">No records available</td> </tr> </table> <div> <button (click)="onExportPdf(this.empName)" class="border-0 green-btn hide-export-btn">Export To PDF</button> onExportPdf(EmpName) { this.loaderservice.display(true); const doc = new jsPDF('p', 'pt', 'A4'); const source = document.getElementById('content'); const button = document.querySelector('.hide-export-btn') as HTMLElement; const button2 = document.querySelector('.hide-export-btn2') as HTMLElement; const button3 = document.querySelector('.hide-export-btn3') as HTMLElement; source.style.width = '800px'; doc.setFontSize(8); doc.html(source, { callback: function (pdf) { //doc.output('dataurlnewwindow'); doc.save(EmpName + ' Points Details.pdf'); }, html2canvas: { scale: 0.7 } }); this.loaderservice.display(false); } I have this code to export table content in pdf format its working good but these is only one problem, when we export pdf then some content in footer is break between first and last page. See the attached image highlighted issue between two pdf pages, can you please suggest how to fix this. Continue reading...