Does anyone know how to ensure that a table starts on a new page when printing, rather than continuing at the bottom of the previous page?
I have tables with repeating headers and many rows, and sometimes a new table will start at the very end of a page. I want to force a page break if there is less than a certain amount of space left on the current page, for example 10 cm.
I attempted to use an invisible overlapping div before the table:
<div style="position:relative;">
<div style="position:absolute; top:0px; width:32px; height:10cm; overflow:visible; page-break-inside: avoid;"> </div>
</div>
<table goes here...>
However, this method did not work in Firefox and IE11. Is there another approach I could take to ensure proper pagination? (I am trying to print a book where each table represents a new chapter).