KendoReact Data Grid Multi-column Sorting

Premium

The KendoReact 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 ...

KendoReact Data Grid Sorting APIs

• API Reference of the Grid
• API Index of the Grid

Suggested Links

• React Data Grid
• Data Grid Sorting Overview
• Data Grid Single-column Sorting
• Data Query Overview
• React Data Grid High-Level Overview