如何使用jquery排序来排序表的列表？

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中，并将一个handle元素添加到div。我假设你正在使用jQueryUI的排序它具有拖拽元素一个handle选项，sortables

HTML：

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

的jQuery：

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

DEMO：http://jsfiddle.net/fYx4D/1/