javascript - Drag and drop to arrange table row order in angularjs - Stack Overflow

admin管理员组

文章数量:1312662

I am using angularjs and have a simple table. I use the following code

<table id="searchObjResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friendObj in friends | filter:search:strict">
    <td>{{friendObj.name}}</td>
    <td>{{friendObj.phone}}</td>
  </tr>
</table>

Is there any simple way through which user can arrange the rows in list. User actually wants to take printout of the table and want the rows ordered in required fashion in printed paper.

I am using angularjs and have a simple table. I use the following code

<table id="searchObjResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friendObj in friends | filter:search:strict">
    <td>{{friendObj.name}}</td>
    <td>{{friendObj.phone}}</td>
  </tr>
</table>

Is there any simple way through which user can arrange the rows in list. User actually wants to take printout of the table and want the rows ordered in required fashion in printed paper.

• javascript
• angularjs

Share Improve this question Follow edited Jun 5, 2015 at 16:51 raju asked Jan 16, 2015 at 6:34 rajuraju 5,0081717 gold badges6666 silver badges121121 bronze badges 1

• You need to write custom code for it or make your own directives. – Innovation Commented Jan 16, 2015 at 6:45

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

Either you can define your own directive or go for some third party plugins which are discussed in below link,

Drag drop table rows

Github third party plugin for drag drop

本文标签： javascriptDrag and drop to arrange table row order in angularjsStack Overflow