CODEWITHSUNDEEP
cssgoogle-chromeprintingprint-css
Mark Richards
Mark Richards

Reputation: 434

page break css after every second <tr> not working in google chrome

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 ?

Upvotes: 3

Views: 5343

Answers (2)

Fortunes Technology
Fortunes Technology

Reputation: 11

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

Upvotes: 1

Kevin Askin
Kevin Askin

Reputation: 52

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

Upvotes: 1

Related Questions