title: How to achieve page break in HTML table for Google Chrome?
body: <p>I am trying to print a large table generated with jQuery in an HTML page. I am using Chrome 26.0.141. The issue is with page break.</p>
  
  <p>i initially used this css </p>
  
  <pre><code>#membersList table { page-break-inside:auto; position:relative}
  #membersList tr { page-break-before:avoid; page-break-after:auto;position:relative}
  #membersList td{ border:solid 1px #CCCCCC;width:auto;position:relative}
  #membersList thead { display:table-header-group;position:relative }
  #membersList tfoot { display:table-footer-group;positioion:relative} 
  </code></pre>
  
  <p>this dint worked so i searched and got this link
  <a href="https://stackoverflow.com/questions/1630819/google-chrome-printing-page-breaks">Google Chrome Printing Page Breaks</a></p>
  
  <p>based on one of the answer in that link i am using the following CSS attribute</p>
  
  <pre><code> -webkit-region-break-inside: avoid;
  </code></pre>
  
  <p>But when I run and inspect the element, it is stroked out by default.</p>
  
  <p>What would be the solution? There are lot of posts I searched. They say that recent versions don't support page break. If it's true then what other solution is there to achieve page break in Google Chrome?</p>