如何使用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/