Sort sort by kendo

I have an observable array in a viewmodel. I am displaying an array date with a pattern:

<table align="center">   
  <thead>
    <tr>
      <th>Name</th>
      <th>Surname</th>
   </tr>
  </thead>
  <tbody data-template="row-template" data-bind="source: client"></tbody> 
</table>

      

But what if I want to sort the array? and show the customer's order by first or last name?

+3


source to share


1 answer


If your dataset is like this (like json, unless converted to json or databind with server)

[{name:'name1',surname:'surname1'},{name:'name2',surname:'surname2'},{name:'name3',surname:'surname3'}]

      

This code can be used for client side sorting.



$("table").kendoGrid({
  dataSource: {
     data:[{name:'name1',surname:'surname1'},{name:'name2',surname:'surname2'},{name:'name3',surname:'surname3'}],
     sort: {
        field: "name",
        dir: "desc"
     }
  },
  sortable: true,
  columns: [
     {
        field: "name",
        title: "Name"
     },
     {
        field: "surname",
        title: "Surname"
     }
  ]});

      

If you understand correctly, this will solve your problem.

0


source







All Articles