New to Kendo UI for Vue? Start a free 30-day trial

Sorting

Sorting is a function that you can push to the server to increase the performance of the Kendo UI Grid wrapper for Vue.

To enable the sorting functionality of the native Vue Grid by Kendo UI, refer to the native Vue Grid by Kendo UI documentation.

To implement sorting, use the DataSource component and set the serverSorting option on the dataSource instance to true. If you delegate the sorting to the server, you will receive the default orderBy parameter. The orderBy field contains the field name of the column in the dataset by which the data is sorted.

By default, the sorting of Kendo UI Data Grid wrapper for Vue data is disabled. The Grid supports the following sorting formats:

  • Single-column sortingTo enable it, set the sortable option of the Grid to true.
  • Multi-column sortingTo enable it, set the mode option to multiple.

The following example demonstrates how to implement a Grid with its multiple-column sorting enabled.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?