title: Split large table into several smaller tables
body: <p>I have a problem where a table has 100s of rows.  It causes an issue and needs to be split into several smaller tables with fewer rows each.</p>
  
  <p>My html is valid xml as well.</p>
  
  <p>How can I split the table every x rows into a new table?</p>
  
  <p>And, how can I copy the table style, and first row (header) into each subsequent table.</p>
  
  <p>So something like this</p>
  
  <pre><code>&lt;table class="..." style="..."&gt;
     &lt;tr&gt;
         &lt;td&gt;head 1&lt;/td&gt;
         &lt;td&gt;head 2&lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  &lt;table&gt;
  </code></pre>
  
  <p>Becomes</p>
  
  <pre><code>&lt;table class="..." style="..."&gt;
     &lt;tr&gt;
         &lt;td&gt;head 1&lt;/td&gt;
         &lt;td&gt;head 2&lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;table class="..." style="..."&gt;
     &lt;tr&gt;
         &lt;td&gt;head 1&lt;/td&gt;
         &lt;td&gt;head 2&lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;table class="..." style="..."&gt;
     &lt;tr&gt;
         &lt;td&gt;head 1&lt;/td&gt;
         &lt;td&gt;head 2&lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  
  &lt;/table&gt;
  
  &lt;table class="..." style="..."&gt;
     &lt;tr&gt;
         &lt;td&gt;head 1&lt;/td&gt;
         &lt;td&gt;head 2&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
         &lt;td&gt;col1&lt;/td&gt;
         &lt;td&gt;col2&lt;/td&gt;
     &lt;/tr&gt;
  &lt;table&gt;
  </code></pre>