AngularJS UI-Grid Sort

Question

How can i sort the following data response of ui-grid by date

    this.$http.get(url)
        .success(data => {
            this.$scope.gridOptions.data = data //.slice(firstRow, firstRow + paginationOptions.pageSize);
        }).finally(() => { this.$scope.loading = false; this.$scope.loadAttempted = true; });

I get the reponse as an array of objects and one of the properties is of type DOB, which is the one i want to sort by.

here goes a sample of my array

[
{
 "Name":"John",
 "DOB" : "12/07/1987"
}
{
 "Name":"Jack",
 "DOB" : "12/07/1989"
}
{
 "Name":"Sara",
 "DOB" : "12/07/1980"
}
]

Thanks,

So in your grid, you'll have 2 columns? Or just Name column? — Coder002
– Coder002, Commented Jan 21, 2016 at 10:54

mfalade · Accepted Answer · 2016-01-21 11:12:28Z

1

You can use the Javascript sort method to get your desired result like this.

result = response.sort(function(a, b) {
    return new Date(a.DOB).getTime() - new Date(b.DOB).getTime()
})

The result should be something like this.

[
  { 
    "Name":"Sara",
    "DOB" : "12/07/1980"
  },
  {
    "Name":"John",
    "DOB" : "12/07/1987"
  },
  {
    "Name":"Jack",
    "DOB" : "12/07/1989"
  }
]

You can also read more about Javascript sort method on W3Schools.

edited Jan 21, 2016 at 11:12

answered Jan 21, 2016 at 11:01

mfalade

2,1673 gold badges19 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

AngularJS UI-Grid Sort

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