Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Set a PageBreak inside a Table

Set a PageBreak inside a Table


I have a Table made of: a title + a hd with the headers of the Table of course and + the cells (that could be a lot).

What I would like to do is how could I do that the Printer recongnizes that if there is no space for entering at least 1 of the Cells of the Table (so in a page it doesnt appears only the title and the headers of it) then ALL the whole table goes to another page.

But, if there is a space for the title+the table headers+1 cell at least that then, it remains on that page and well in the next ones it continus with the other corresponding cells.

Could you help me? Do you know a way (html, css, javascript all welcome! =) )

Thanks in advance, Orangejuice.-

Problem courtesy of: OrangeJuice


You probably want the page-break-inside: avoid CSS3 property with a print media query. The doc is here:

Solution courtesy of: Peter V


View additional discussion.

This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Set a PageBreak inside a Table


Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription