Page-break-inside for table does not work in Chrome 50

Asked Jun 02 '16 at 12:41

Active Jun 02 '16 at 12:59

Viewed 596 times

I've seen this question all around, but nothing worked for me. Most of the topics are quite old, so I guess it has to do with the Chrome version. (Chrome 50)

I have a simple table

<table>
  <tr><td>Text</td></tr>
  ...
  <tr><td>Text</td></tr>
</table>

As suggested, I tried adding

table {
  position:relative;
  page-break-inside: auto;
}

and

tr {
  page-break-inside: avoid;
  page-break-after: auto;
}

See this JSFiddle.

The print page does not look as I'd like it to, the page breaks inside a row.

Also, as suggested here I tried setting

 table {
   page-break-inside: avoid;
 }

But this did not work as well. This is how it looks I'd want to find a way such that the page break wouldn't 'cut' a row.

edited May 23 '17 at 12:31

Community

asked Jun 02 '16 at 12:41

Dragos

Try wrapping your text inside a `p` tag. – claudios Jun 02 '16 at 12:48
Can you edit the fiddle? – Dragos Jun 02 '16 at 12:53
Can you show us a screenshot of what you would like to achieve? – claudios Jun 02 '16 at 12:55
Maybe you can change that by changing print settings on Chrome. Or you can set format size to A4 on CSS. See an example here http://stackoverflow.com/questions/16649943/css-to-set-a4-paper-size – Ionut Necula Jun 02 '16 at 13:09

Page-break-inside for table does not work in Chrome 50

0 Answers0