jquery通过拖放交换表格单元格

Question

我认为jquery可排序插件很棒：

http://jqueryui.com/draggable/#sortable

不幸的是，我需要使用表格单元格，只有当目标单元格位于同一列时，才能通过拖放交换表格单元格。我认为唯一可行的方法是，如果为列的所有表格单元格赋予相同的类名称：

<table id="sortable">
  <tr>
     <th>column1</th>
     <th>column2</th>
  </tr>
  <tr>
       <td class="column1">column1</td>
        <td class="column2">column2</td>
   </tr>
   <tr id="crm-data">
        <td class="column1">column1</td>
        <td class="column2">column2</td>
   </tr>
</table>

然后尝试将drop特性包含在具有相同类的元素中：

  $('#sortable td.column1').draggable({
    containment: ".column1"
  });

这根本不起作用。 td不再可拖动。

在包含的列中拖放表格单元格的最佳方法是什么？