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

Grouping Basics

By default, grouping in the Kendo UI Grid wrapper for Vue is disabled and the :groupable option is set to false.

To configure the grouping functionality in the native Vue Grid by Kendo UI, refer to the native Vue Grid by Kendo UI documentation.

To enable grouping, set :groupable to true. As a result, the header renders a new area which allows the user to drop a column on it and group the data by that column. You can also group the data by multiple columns through dragging a second column onto the grouping header. For more information on grouping, refer to the documentation of the Kendo UI Grid for jQuery.

Example
View Source
Change Theme:

In this article

Not finding the help you need?