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.