title: Table row splits across two pages (print media)
body: <p>I have a table which is OK in web pages, but when printing my table (<kbd>ctrl</kbd>+<kbd>p</kbd>) it breaks not the way I want. The last row of the first page splits with the part of the row on the first page and the other part of the row on the second page. So, is there any way to overcome the problem, the rows can have different content and size. I also tried this properties</p>
  
  <pre><code> page-break-before/after: auto. page-break-inside:avoid;
  </code></pre>
  
  <p>but with no result. Is there any way to break the table and move the part of the table to the next page without splitting the last row into two parts for print media? Any help will be appreciated.</p>
  
  <p><img src="https://i.stack.imgur.com/7g4gl.jpg" alt="enter image description here"></p>
  
  <blockquote>
    <p>
        
        
        
        table,th,td
        {
        border:1px solid black;
        border-collapse:collapse;
        }
        th,td
        {
        padding:5px;
        }</p>
  
  <pre><code>&lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table style="width:100%;"&gt;
  &lt;tr&gt;
    &lt;th&gt;&lt;span&gt;Firstname&lt;/span&gt;&lt;/th&gt;
    &lt;th&gt;&lt;span&gt;Lastname&lt;/span&gt;&lt;/th&gt;      
    &lt;th&gt;&lt;span&gt;Points&lt;/span&gt;&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;span&gt;Jill&lt;/span&gt;&lt;/td&gt;
    &lt;td&gt;&lt;span&gt;Smith&lt;/span&gt;&lt;/td&gt;     
    &lt;td&gt;&lt;span&gt;50&lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;span&gt;Eve&lt;/span&gt;&lt;/td&gt;
    &lt;td&gt;&lt;span&gt;Jackson&lt;/span&gt;&lt;/td&gt;       
    &lt;td&gt;&lt;span&gt;94&lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;span&gt;John&lt;/span&gt;&lt;/td&gt;
    &lt;td&gt;&lt;span&gt;Doe&lt;/span&gt;&lt;/td&gt;       
    &lt;td&gt;&lt;span&gt;80&lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
     /*here I have many &lt;tr&gt; elements*/
  &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  </blockquote>