Kendo UI for Vue Data Grid Single-column Sorting

Updated on Feb 9, 2026

The Kendo UI for Vue Data Grid enables you to sort single data-bound columns.

To enable sorting in the Kendo UI for Vue Grid and utilize its built-in state management, follow these steps:

1. Enable the autoProcessData prop to allow the Grid to handle the updated state automatically.
2. Set the sortable prop of the Grid to enable sorting.
3. (Optional) Set the defaultSort prop to define the initial sorting.

The following example demonstrates how to use sorting handled by the built-in state management of the Kendo UI for Vue Grid.

Change Theme

Theme

Loading ...

Suggested Links

• Vue Data Grid
• Data Grid Sorting Overview
• Data Grid Multiple-column Sorting
• Data Query Overview
• Vue Data Grid High-Level Overview