CODEWITHSUNDEEP
htmlheaderadditionfooterjspdf
Kris
Kris

Reputation: 575

Adding a fixed header/footer for each page jsPDF

I am using jsPDF to generate PDF's out of dynamic HTML content of my web-application. Right now I am trying to give those PDF's a unique layout. I want to add a "header" & "footer" for each page of my PDF. jsPDF generates page breaks automaticly and there is no command to act on those.

Is there any known work-a-round to implement a fixed header/footer for each page without depending on doc.addPage();

Looking forward for any help or ideas.

Upvotes: 4

Views: 20019

Answers (1)

diegocr
diegocr

Reputation: 1000

See https://github.com/MrRio/jsPDF/pull/260

You can use HTML's elements <header> and <footer> for that purpose, for example:

<footer>
    <div style='text-align:center;'>Page <span class="pageCounter"></span>/<span class="totalPages"></span></div>
</footer>

Upvotes: 4

Related Questions