Repeat Header in everypage

Hello. I am trying to repeat a header on every page that I export using the library, but I’m having difficulties doing so. In this case my code is:

` <div id=“RoadmapHeader” style={{border: “solid”, height: “100px”, width:“2000px”, backgroundColor: “green”}}>

  </div>

  <div id="RoadmapBody" style={{height: "3000px", width:"2000px", backgroundColor: "blue" }}> 

  </div>`

I want to make sure the div with id=“RoadmapHeader” is repeat on every page before the content of the second is displayed. If you please could assist me I would really appreciate it

[HackbrettXXX]

Sorry, I don’t have to the time to tell you how your code needs to look like. Try to find help on Stack Overflow, etc.

You can create pull requests on GitHub by creating a fork of this repository, then adding your commits (either on master or a different branch), and then creating a pull request from these commits using either the GitHub client or the website. See e.g. https://docs.github.com/en/github/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request

[HackbrettXXX]

You can do the following:

• omit the header from your markup when calling the html function.
• loop over all pages in the PDF afterwards and add the header to each page.

Currently, there are two issues with this approach:

• At the moment, you can’t leave space for the header at the top of each page. However, #2977 will add this and will be released within the next days.
• At the moment, the html function will always render on the first page of the PDF and not the current page (see #3204). This means, you either need to use different functions (like text) to create the headers or wait until its fixed. A pull request for that would be very appreciated 😉