title: Collapsing Table Row When Using TBody and JQuery Sortable
body: <p>This isn't your standard usage of JQuery UI's Sortable. Instead of sorting table rows, I am sorting <strong>tbody</strong> tags, which moves multiple rows at once. When you are moving a set of rows, the column widths of the rows collapse. Normally you would use a helper to maintain the column widths... however the standard one does not work in this case.</p>
  
  <p>Here is a <a href="http://jsfiddle.net/md9qwgcb/4/" rel="nofollow">jsFiddle</a>.</p>
  
  <p>You can see the widths collapse when moving the tbody selection.</p>
  
  <p>Here is the code that would normally work with individual rows for the helper, but does not work for a tbody with rows.</p>
  
  <pre><code>$('table').sortable({
      cursor: 'move',
      items: 'tbody',
      helper: function(e, ui) {
          ui.children().each(function() {
              $(this).width($(this).width());
          });
          return ui;
      },
      forcePlaceholderSize: true, 
      placeholder: 'placeholder'
  });
  </code></pre>
  
  <p>Can someone help come up with a helper that maintains widths when using with a Tbody tag?</p>