Don't break pages in between a table

Question

As I was looking for a solution I found this: Preventing Page Breaks in a Table When Printing

.reportTable { page-break-inside: avoid; }

It was sad to see that it only works in opera. Does anyone know a solution to not let tables and div's to be broken?

Also the previous asker told:

.reportTable { page-break-after: always; }

Can be used but leaves a lot of useless space

Printing support in browsers generally is laughably terrible. — Pointy
– Pointy, Commented May 31, 2013 at 13:39
what if the table or div is more than a page long? How can you avoid a break inside it? — sevenseacat
– sevenseacat, Commented May 31, 2013 at 14:16

mrmoje · Accepted Answer · 2013-05-31 14:17:40Z

Maybe you could try that property on the latest browsers.

Firefox seems to support it at version >= 19.0
Chrome seems have always supported it since v1.0
Internet Explorer since v8
Opera since v7.0

Source :- https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-inside

Thank you it seems its works indeed i just thougth it did not work of what i had read. in fact The code of my site was just wrong

Rafiqul Islam · Accepted Answer · 2017-07-29 09:34:49Z

The page-break-inside CSS property adjusts page breaks inside the current element.

/* Keyword values */ page-break-inside: auto; page-break-inside: avoid; /* Global values */ page-break-inside: inherit; page-break-inside: initial; page-break-inside: unset;

Collectives™ on Stack Overflow

Don't break pages in between a table

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related