I have a Blazor Calculator and I am using Javascript window.print to save my results as PDF.

Although the first's page header is fine, and there is enough space

There is no space on the footer or the header on the rest of the pages

I found a few answers on CSS style referring to @media print but nothing works.

So basically, I want all pages to have header and footer space.