New to Kendo UI for Angular? Start a free 30-day trial

Angular Grid Sorting Basics

The sorting functionality enables you to arrange the data by single or multiple fields in ascending or descending order.

Using the Data-Binding Directive

Тhe DataBinding directive (kendoGridBinding) performs the sorting operation automatically. To enable sorting when using a data-binding directive:

  1. Set the sortable option of the Grid.
  2. (Optional) Set the sort property to a collection of SortDescriptor objects. This allows you to initially sort the data by the desired criteria.
<kendo-grid
    [kendoGridBinding]="gridData"
    [sortable]="true">
    <kendo-grid-column field="ProductID"></kendo-grid-column>
</kendo-grid>

The following example demonstrates the Grid sorting functionality when the kendoGridBinding directive is applied.

Example
View Source
Change Theme:

Further details on how the data binding directive works under the hood are available in the data operations with the built-in directive documentation section.

In this article

Not finding the help you need?