如何使用 jquery sortable 对表列表进行排序？

Question

所以我有很多表行，其中每行属于不同的组，我想要的是属于同一组的每一行都在不同的表中，并且可以在该表中排序（即很容易做到），但我也希望这些组表也可以排序，以便您可以拖动 整个 表并在其他表中重新排序..

我尝试制作一个主可排序表，其中包含包含可排序记录的组表。

这是我的意思的说明

Table 1
-----------------------------
Field 1 | Field 2 | Filed 3 |
-----------------------------
R1C1    | R1C2    | R1C3    |
-----------------------------
R2C1    | R2C2    | R2C3    |
-----------------------------

Table 2
-----------------------------
Field 1 | Field 2 | Filed 3 |
-----------------------------
R1C1    | R1C2    | R1C3    |
-----------------------------
R2C1    | R2C2    | R2C3    |
-----------------------------

这些表（表 1 和表 2）的位置可以交换（重新排序）当然包括它们的所有内容。

非常感谢！

Answer 1

一个简单的解决方案是将各个表包装在一个 div 中，并在该 div 中添加一个handle 元素。我假设您使用的是 jQueryUI 可排序的，它有一个 handle 用于可拖动和可排序的选项

HTML：

<uL>
   <li>
        <div>
            <div class="handle"></div>
            <table> </table>
        </div>
    </li>
</ul>

jQuery:

$('table').sortable({items:'tr'});
$('ul').sortable({
    items:'li',
    handle:'.handle'
});

演示：http://jsfiddle.net/fYx4D/1/