How can I add headers and footers to a PDF using Puppeteer?

How can I add headers and footers to a PDF using Puppeteer?

You can add headers and footers in Puppeteer by using the page.pdf() method with the displayHeaderFooter option set to true.

What options can I customize for the headers and footers?

You can customize the content, font size, and margins for both headers and footers using the headerTemplate and footerTemplate options.

Can you provide an example of how to set this up?

Sure! Here's a basic example:

await page.pdf({
  path: 'output.pdf',
  format: 'A4',
  displayHeaderFooter: true,
  headerTemplate: '<div style="font-size:10px;">Header Content</div>',
  footerTemplate: '<div style="font-size:10px;">Page <span class="pageNumber"></span> of <span class="totalPages"></span></div>',
  margin: { top: '100px', bottom: '100px' }
});

What if I want to include dynamic content in the footer?

You can include dynamic content by using placeholders like <span class="pageNumber"></span> for the current page number and <span class="totalPages"></span> for the total number of pages.