Click here to Skip to main content
14,329,392 members
Rate this:
Please Sign up or sign in to vote.
See more:
Hi ALL,
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]
Posted

1 solution

Rate this:
Please Sign up or sign in to vote.

Solution 1

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, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100