page-break-* CSS properties are ignored for TD/TR table elements

2,041 views
Skip to first unread message

Nanish

unread,
Aug 5, 2014, 12:31:23 PM8/5/14
to chromium...@chromium.org
When you have a large table, ideally you would want to use 'page-break-inside: avoid' CSS property on the TR or TD elements of the page to make sure that upon printing, table rows will not split over two pages.

Unfortunately, Google Chrome seems not to support page-break-* CSS elements for TR or TD elements.

According to a post on StackOverflow, if you assign 'display: block' to the table rows/cells, then the page break properties will work. I just tested it and it does work, but then the table is displayed in a weird way (cells are not aligned with each other anymore).

I was wondering if anyone has a better idea as to how to get Chrome to print a large table properly.

Software information: 

Google Chrome 36.0.1985.125 (Official Build 283153) -- Also replicated in latest stable version of Google Chrome on Mac and Windows machines.

PhistucK

unread,
Aug 5, 2014, 1:20:23 PM8/5/14
to merik....@gmail.com, Chromium-discuss
Perhaps blink-dev would be more helpful here.


PhistucK


--
--
Chromium Discussion mailing list: chromium...@chromium.org
View archives, change email options, or unsubscribe:
http://groups.google.com/a/chromium.org/group/chromium-discuss

To unsubscribe from this group and stop receiving emails from it, send an email to chromium-discu...@chromium.org.

Reply all
Reply to author
Forward
0 new messages