title: CSS: Repeat Table Header after Page Break (Print View)
body: <p>I have html table for printing with repeat header and footer. Everything works, document to break automatically. But now i would like to break page after any element. I use to css property page-break-after and set it to always.
   Yes, its works, but i got another problem. Page after break dont repeat header and footer of table. What is wrong?</p>
  
  <p>Browsers: IE8.</p>
  
  <p><strong>Print styles:</strong></p>
  
  <pre><code>table thead {display: table-header-group;}
  table tfoot { display: table-footer-group;}
  table tbody { display: table-row-group;}
  .page-break { page-break-after:always;}
  </code></pre>
  
  <p><strong>Html code:</strong></p>
  
  <pre><code>&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;...&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tfoot&gt;
      &lt;tr&gt;
          &lt;td&gt;...&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tfoot&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;page 1&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr class="page-break"&gt;
          &lt;td&gt;content&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Page 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;content 2&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>