title: Handle cells with rowspan when hiding table rows
body: <p>I have a <a href="http://codepen.io/yardenst/pen/yaFvc" rel="noreferrer">table containing cells with rowspan attributes</a>, I would like to:</p>
  
  <ol>
  <li>Whenever a <code>tr</code> is hidden, the table will rearrange itself correctly</li>
  <li>Whenever a <code>tr</code> is shown again, it will be restored to original state</li>
  </ol>
  
  <p>So if you have a <a href="http://codepen.io/yardenst/pen/yaFvc" rel="noreferrer">table like this</a> clicking on <code>X</code> shouldn't destroy the layout.
  and click a <code>come back</code> button, should restore the original layout.</p>
  
  <p>(try removing all rows from bottom-up, and than restoring them from right-to-left, this is a desired flow)</p>
  
  <p>I had some semi-solutions, but all seem too complicated, and i'm sure there is a nice way to handle this.</p>