Click here to Skip to main content
15,063,596 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I am facing issue with printing large table. I have html table with around 600 rows which spans multiple pages when printed. At each page break row is not ended properly. Half of the row is cut and displayed in next page.

I have tried with below CSS but didn't work

table { page-break-inside:auto }
tr { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }

[try this also]

1 solution

page-break-inside:avoid; can only work, if the table can be fitted into a page. If the table you cant fit into a page, it will not work.

As a work around you can use, page-break-before: always

But, table should must be fitted with in a page.

You can check this link for more clarification.[^]

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900