Angularjs: How to sort array of arrays by nth value?

Question

I have two groups of arrays. First contains header fields =>

$scope.fields=[field0, field1, field2,...,field20];

Second has multiple arrays of data with respect to above field =>

$scope.data=[
    [A,B,C,...,someVal20],
    [Q,W,E,...,someVal20],
    [R,T,Y,...,someVal20],
    ...
    [B,N,M,...,someVal20]
];

Values of fields are shown in a drop down

<select ng-model="filteredOption" ng-options="option.label for option in fields"></select>

The same field values are used as table header.

<tr>
    <th ng-repeat="f in fields">{{f.label}}</th>
</tr>

And the data as

<tr ng-repeat="d in data">
    <td ng-repeat="i in d track by $index">{{i}}</td>
</tr>

Question is How do I sort (ascending) the data based on the 'nth' field (which user selects from drop down)? Its confusing because header and data are two distinct arrays, and data is not in key,value format.

Plunkr here

You may use some library method, e.g. underscore.js's sortBy — winterfall
– winterfall, Commented Jan 14, 2016 at 5:45

Jinna Baalu · Accepted Answer · 2016-01-14 06:32:01Z

1

Column Header - ColumnName in you case it is field0

<th>
  <a href="#" ng-click="sortType = 'field0'; sortReverse = !sortReverse">
          field0
  </a>
</th>

On Column header click it sets the properties of sortType and sortReverse

<tr ng-repeat="d in data | orderBy:sortType:sortReverse"">
    <td ng-repeat="i in d track by $index">{{i}}</td>
</tr>

useful link for sorting https://scotch.io/tutorials/sort-and-filter-a-table-using-angular

answered Jan 14, 2016 at 6:32

Jinna Baalu

7,96740 silver badges51 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:15:19Z

0

Thanks to this answer, I've found working solution.

I tracked the selected field's position ($scope.sorter set to that $index). And used it as orderBy:sorter

Still, keeping this question open for others to suggest more acceptable solution.

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Jan 14, 2016 at 6:13

Sujit Y. Kulkarni

1,4464 gold badges25 silver badges40 bronze badges

Collectives™ on Stack Overflow

Angularjs: How to sort array of arrays by nth value?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related