Перетащите целую строку таблицы

Question

Я использую этот плагин: http://codef0rmer.github.io/angular-dragdrop/#/ для целей перетаскивания. Я не могу перетащить строку таблицы. Следующий код работает только для отдельного столбца. Может ли кто-нибудь помочь мне в этом?

<table > 
      <tr> 
       <th>title</th> 
       <th>Category</th> 
      </tr> 
      <tr ng-repeat="item in list5" > 
       <td data-drag="{{item.drag}}" data-jqyoui-options="{revert: 'invalid', helper: 'clone'}" ng-model="list5" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true}">{{item.title}}</td> 
       <td data-drag="{{item.drag}}" data-jqyoui-opti`enter code here`ons="{revert: 'invalid'}" ng-model="list5" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true}">{{item.category}}</td> 
      </tr> 
     </table> 

Answer 1

Я нашел решение моей проблемы в конце дня, и это выглядит следующим образом:

<tr ng-repeat="item in list5" data-jqyoui-options="{revert: 'invalid', helper: 'clone',cursor: 'move'}" data-drag='true' ng-model="list5" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true}" ng-hide="!item"> 
       <div ng-show='!list5.length' class='label-warning'>No content. Please add the items</div> 
       <td>{{item.title}}</td> 
       <td>{{item.category}}</td> 
      </tr> 

Answer 2

У меня есть решение для строки таблицы сортировки (перетаскивание), используя угловую drag- drop плагин. Это должно сработать для вас.

<tr ng-repeat="item in list5" data-drop="true" data-drag="true" 
     ng-model="list5" 
     jqyoui-droppable="{index: {{$index}}}" 
     jqyoui-draggable="{index: {{$index}}, insertInline: true, direction:'jqyouiDirection'}" 
     data-jqyoui-options="{revert: 'invalid',helper: 'clone',zIndex: 350}" 
     data-direction="{{item.jqyouiDirection}}">    
    <td>{{item.title}}</td> 
    <td>{{item.category}}</td> 
</tr> 

Вы также можете увидеть мой plunker код - https://plnkr.co/edit/rLEGOa4msgrjKMiCyVC1?p=info