title: When printing a table, chrome and safari are cutting a row in half
body: <p>I don't have this issue with IE9, Firefox, and Opera. Just Chrome and Safari.</p>
  
  <p>When printing a page, if there is a table that needs to be broken at some point to continue on the next page, Safari and Chrome will cut the row in half and print the top half on the first page and the bottom half on the second page.</p>
  
  <p>Here is the code I was trying to use which did fix a problem I had with IE9 - printing a small 50px x 50px image in every row on the next page with the text on the first page.</p>
  
  <pre><code>table { page-break-inside:auto }
  tr    { page-break-inside:avoid; page-break-after:auto }
  </code></pre>
  
  <p>I have 7 pages with varying amounts of rows averaging around 10-15 rows.
  What can I do to fix this problem?</p>
  
  <p>And I use PHP <code>foreach</code> to create the table from an array, so I would rather not have to edit that code so I can keep it consistent between the pages.</p>