jQuery ui可排序获取表tr分组

Question

i have some problems with my table i have this table for egs

<tr style="">
        <td>1</td>
        <td>item 1</td>
   </tr>

   <tr style="">
        <td>1.1</td>
        <td>item 1.1</td>
   </tr>

   <tr style="">
        <td>1.2</td>
        <td>item 1.2</td>
   </tr>

   <tr style="">
        <td>1.1.1</td>
        <td>item 1.1.1</td>
   </tr>

i use jquery ui sortable but the problem is that if i want to move the item 1 the item1.2 and item 1.1.1 will also follow something like a group

fiddle link http://jsfiddle.net/kN2XL/

Answer 1

You should have a look at nestedSortable to implement this kind of functionality. Example

Unfortuately, you will however need to change your html from tables into a hierarchy, like <ul> <li> etc.