page break css after every second not working in google chrome

Question

i have dynamic items in tr , try to pint two tr per page and my css is

CSS :

 @media print {
      body {font-size:10px}
       table tr:nth-child(2n) {
        page-break-after: always;
        }
        .noptrint {display:none;}
      }

and see http://jsfiddle.net/4jr8s/

it work on firefox but not in Chrome browser, what is problem in chrome ?

please check this link http://stackoverflow.com/a/1647062/2567813 — CJ Ramki, Jan 30 '14 at 07:39

score 1 · Accepted Answer · edited May 23 '17 at 12:03

1

How to achieve page break in HTML table for Google Chrome?

Finally i resolved this issue. I madetr{display:block;} and then i fixed the the cell spacing. page break only works on block level elements. @sarsarahman

edited May 23 '17 at 12:03

Community

1
1

answered Jan 30 '14 at 07:56

Kevin Askin

52
6

was tr {display: block; } the only thing you did to get it working(and page-break-inside: avoid; of cause? I have the same issue but this does not seem to resolve it. – Todilo Aug 11 '14 at 11:32

score 1 · Answer 2 · edited Aug 22 '18 at 19:53

1

You have to make all <tr> as {display: block} and then where you want page break, you can do {page-break-after: always}.

edited Aug 22 '18 at 19:53

Generic Bot

309
1
4
8

answered Aug 22 '18 at 19:40

Fortunes Technology

11
2

page break css after every second not working in google chrome

2 Answers2