New to KendoReact? Start a free 30-day trial

Sorting

The KendoReact Gantt enables you to sort single and multiple data-bound columns.

Getting Started

To enable sorting:

  1. Set the sortable option of the Gantt.
  2. Utilize the sort option to apply the sorting styles and buttons to the affected columns.
  3. Set the field option of the Gantt column.
  4. When sortable is configured and the user tries to sort a column, the onSortChange event is emitted. Handle the onSortChange event where you have the option to sort the data programmatically, to make a request to the server for server sorting, or to use the orderBy function which automatically processes the data.

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

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?