KendoReact Data Grid Multi-column Sorting
Premium

The KendoReact Data Grid supports sorting by multiple data-bound columns.

ninja-iconThe Multi-column Sorting feature of the Grid is part of KendoReact premium, an enterprise-grade UI library with 120+ free and premium components for building polished, performant apps. Test-drive all features with a free 30-day trial.Start Free Trial

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