Angular Grid Sorting Basics

Updated on Dec 16, 2025

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

Enable the sorting feature by using two methods:

• Automatic Data Processing—Implement sorting (or other data operations) with less code.
• Manual Sorting—Provides more control when you implement the sorting feature.

For custom sorting logic, such as sorting string numbers numerically, refer to the Custom Sorting section.

Automatic Data Processing

When you use the built-in DataBindingDirective, the Angular Grid performs the sorting automatically. To enable the sorting when the kendoGridBinding directive is applied:

1. Set the sortable option of the Grid.
2. (Optional) Set the sort property to a collection of SortDescriptor objects to sort the data by specific criteria during the initialization of the Grid.

html

<kendo-grid
    [kendoGridBinding]="gridData"
    [sortable]="true">
    <kendo-grid-column field="ProductID"></kendo-grid-column>
</kendo-grid>

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.

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

Change Theme

Theme

Loading ...

Suggested Links

• AI-Powered Sorting
• Manual Sorting
• Multi-column Sorting
• Sorting Groups with Compare Callback
• API Reference of the GridComponent
• API Index of the Grid