Kendo UI for Vue Data Grid Multi-column Sorting

Updated on Feb 9, 2026

The Kendo UI for Vue Data Grid supports sorting by multiple data-bound columns.

Enabling Multiple-column Sorting

To enable sorting by multiple columns, follow these steps:

1. Enable the autoProcessData prop to allow the Grid to handle the updated state automatically.
2. Set the sortable option of the Grid and set its mode prop to multiple.
3. (Optional) Set the defaultSort prop to define the initial sorting.

The following example demonstrates the minimum required configuration for sorting multiple Grid records.

Change Theme

Theme

Loading ...

Suggested Links

• Vue Data Grid
• API Reference of the Grid
• Data Grid Sorting Overview
• Data Grid Single-column Sorting
• Data Query Overview
• Vue Data Grid High-Level Overview