title: How to dynamic divider a table (begin in div, end in other div)
body: <p>I have a long table and I want to split them in two.<br>
  The begin of table in left div and the end of the table in a right div. <br>
  I success to divide with 2 table<br></p>
  
  <p>I have do this (exemple with 8 row): </p>
  
  <pre><code>&lt;input id="search"&gt;
  &lt;div class="row"&gt;
    &lt;div class=col-lg-6&gt;
      &lt;table id="table-1"&gt;
        //4 first row
      &lt;/table&gt;
    &lt;/div&gt;
    &lt;div class=col-lg-6&gt;
      &lt;table id="table-2"&gt;
        //4 end row
      &lt;/table&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is : When with a search bar I show only the elements who contains the value I have enter. Some row on the left or on the right could be hide BUT if with my search I get 4 rows I want 2  on the left and 2 on the right.</p>
  
  <p>I don't really know how I can do it... <br>
  I hope you can understand what I say... <br>
  Thanks</p>