How to add page numbers at the top

[JustRandomName]

Hi, I am using Angular js and my goal is to add page numbers at the top. But I did not find any example to solve this problem. Could you provide an example?

[Jithesh-Menon]

Hi @JustRandomName, You may try this.

 var element = document.getElementById('root');
 
  html2pdf().from(element).set({
  margin:       [1, 0, 0, 0], 
    filename: 'samplepdf.pdf',
  	pageBreak: { mode: 'css', before:'#nextpage1'},
    jsPDF: {orientation: 'landscape', unit: 'in', format: 'letter'}
  }).toPdf().get('pdf').then(function (pdf) {
    var totalPages = pdf.internal.getNumberOfPages();
    for (i = 1; i <= totalPages; i++) {
    	pdf.setPage(i);
      pdf.setFontSize(10);
      pdf.setTextColor(150);
    pdf.text('Page ' + i + ' of ' + totalPages, (pdf.internal.pageSize.getWidth()/2.25,(pdf.internal.pageSize.getHeight()-8));
      }
  }).save();

jsfiddle for reference.

[Andrew-1000]

Hey @Jithesh-Menon this worked for me! Many thanks!