Drag and drop to arrange table row order in angularjs

Question

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.

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

Community · Accepted Answer · 2017-05-23 12:08:34Z

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

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered Jan 16, 2015 at 7:05

Janaki Sathiyamurthy

5881 gold badge6 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

raju Over a year ago

I tried to mock the jsfiddle in jsfiddle.net/9z4zn9uz. For some reason I cant drag and drop. I tried in my website also and I cant move the rows!

Janaki Sathiyamurthy Over a year ago

I compared the js fiddles, it seems the functionality works only in Jquery 1.8.3 version and below , you have used 2.1.0. I will try to find some other solution. Quick fix is to use v1.8.3

Janaki Sathiyamurthy Over a year ago

Try this , Github - drag and drop angularjs style

Collectives™ on Stack Overflow

Drag and drop to arrange table row order in angularjs

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related