I have a view with a long HTML table. When I try to print the view, the table is split into pages. Obviously the form breaks and continues to the next page and so on. I want to be able to add headers and footers neatly on every printed page.

I have tried using css page break properties, for example:

Internal page breaks After paging Before pagination

I tried fixing the header and footer to the top and bottom using position:fixed. Even though the footer appears on every page, it overlaps the table. As you can see in the highlighted area:

So I want to show header and footer without any overlap.

This is how the table broke^^

I want header and footer to be displayed on every page. I tried adding header and footer in thead and tfoot tags but that doesn't work.

I have tried using css page break properties, for example:

Internal page breaks After paging Before pagination

I tried fixing the header and footer to the top and bottom using position:fixed. Even though the footer appears on every page, it overlaps the table. As you can see in the highlighted area: