So I thought I'd write an article to help me resolve the particular issue where the organization details and the header of the product line items table would display on the first page, the product line items would then print on the second page, with the terms and conditions or small print notes on a third page.
How?
Printing to PDF or saving as a PDF lets me preview the page breaks based on the paper size I select. I have a bit of HTML knowledge as well... ahem... well in this particular case CSS... so maybe this will help others: The culprit is the following CSS line:
page-break-inside:avoid // change to page-break-inside:auto
- page-break-inside:avoid
- // change to page-break-inside:auto
- Find the CSS attribute "page-break-inside"
- If this is set to "avoid", then change it to "auto"
Additional
You may also need to remove the <table><tbody> child tags of the table specifying the above CSS.