具有组合行的 jQuery 表排序器

Question

抱歉这个标题，我不知道如何更好地描述它。

我有下表:

<tr class="row-vm">
    <td>...</td>
    <td>...</td>
    ...
</tr>
<tr class="row-details">
    <td colspan="8">
        <div class="vmdetail-left">
        ...
        </div>
        <div class="vmdetail-right">
        ...
        </div>
    </td>
</tr>

每隔一行包含第一行的详细数据。默认情况下，它是用 CSS 隐藏的，但我可以用 jQuery 将其滑动打开。

我想实现的目标:类似于此 jQuery 插件的表排序:http://tablesorter.com/docs/

问题:插件应该将所有成对的行“粘合在一起”，并将它们移动在一起。应该只对第一行(.row-vm)的数据进行排序，而忽略第二行(.row-details)的内容。

是否有支持此功能的 jQuery 插件？

Answer 1

我found this fiddle另一篇文章中的 jQuery 表排序器对我来说效果很好!

<tr class="row-vm">
    <td>John</td>           
</tr>
<tr class="row-details expand-child">
    <td colspan="6">
        Detail About John
    </td>
</tr>