title: table sorter with combined two rows
body: <p>jQuery table sorter with combined rows</p>
  
  <p>Every second row contains detail data for the first row. By default, it is hidden with CSS, but I can slide it open with jQuery.</p>
  
  <p>What I would like to achieve: Table sorting similar to this jQuery plugin: <a href="http://tablesorter.com/docs/" rel="nofollow">http://tablesorter.com/docs/</a></p>
  
  <p>The problem: The plugin should "glue together" all pair rows, and move them together. The sorting should be done only with the data of the first row (.row-vm), while ignoring the content of the second row (.row-details).</p>
  
  <p>Is there a jQuery plugin that supports this?</p>
  
  <pre><code>&lt;tr class="row-vm"&gt;
      &lt;td&gt;...&lt;/td&gt;
      &lt;td&gt;...&lt;/td&gt;
  ...
  &lt;/tr&gt;
  &lt;tr class="row-details"&gt;
      &lt;td colspan="6"&gt;
         Description data
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="row-vm"&gt;
      &lt;td&gt;...&lt;/td&gt;
      &lt;td&gt;...&lt;/td&gt;
  ...
  &lt;/tr&gt;
  &lt;tr class="row-details"&gt;
      &lt;td colspan="6"&gt;
         Description data
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>