angularjs sort orderby on array

Question

I have data like

{ column : [a,b,c], data : [["a",1,2],["b",4,5],["c",3,2]]}

table structure

<thead>
<tr>
  <th ng-repeat="n in column" ng-click="click($index)">n</th>  
</tr>
</thead>
<tr ng-repeat="i in data | orderBy:sortType:sortReverse ">
  <td ng-repeat="j in i">i</td>
</tr>

how to make a sort logic here??

@UjjwalOjha sorting when clicked in th (according heading) like usually done in datatables — Manish Jung Thapa
– Manish Jung Thapa, Commented Aug 31, 2016 at 9:46
Do you want to sort by index 0 when column 'a' is clicked and index 1 when column 'b' is clicked etc..? — Parthasarathy
– Parthasarathy, Commented Aug 31, 2016 at 10:00

Parthasarathy · Accepted Answer · 2016-08-31 10:30:01Z

You can try order by with a custom function. An example below. Hope this helps.

angular.module("app", []);
angular.module("app").controller("Test", function($scope) {
  $scope.sortReverse = false;
  $scope.column = ['a', 'b', 'c'];
  $scope.data = [
    ["a", "1", "2"],
    ["b", "4", "5"],
    ["c", "3", "2"]
  ];

  $scope.sort = function(index) {
    $scope.sortColumnIndex = index;
    $scope.sortReverse = !$scope.sortReverse;
  };

  $scope.sortByIndex = function(item) {
    return item[$scope.sortColumnIndex];
  };

});

<html ng-app="app">

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
</head>

<body>
  <div ng-controller="Test">
    <table>
      <thead>
        <tr>
          <th ng-repeat="n in column" ng-click="sort($index)">{{n}}</th>
        </tr>
      </thead>
      <tr ng-repeat="i in data | orderBy:sortByIndex:sortReverse">
        <td ng-repeat="j in i">{{j}}</td>
      </tr>
    </table>
  </div>
</body>

</html>

Collectives™ on Stack Overflow

angularjs sort orderby on array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related