# Grouping

The Scheduler accepts a [`group`](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/schedulerprops#group) property which, in combination with the [`resources`](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/schedulerprops#resources) property, renders each resource as a sub-view of the Scheduler.

Except for the **Agenda** view, all available Scheduler views can render both horizontal and vertical grouping.

For more information on grouping by resources in each view, refer to the following sections:

* [**Timeline** view grouping](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/views/timeline#grouping-by-resource)
* [**Day** view grouping](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/views/day#grouping-by-resource)
* [**Week** view and **WorkWeek** view grouping](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/views/week#grouping-by-resource)
* [**Month** view grouping](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/views/month#grouping-by-resource)
* [**Agenda** view grouping](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/views/agenda#grouping-by-resource)

## Getting Started

To configure the group rendering, set the `group` and `resources` properties. The [`resources`](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/schedulergroup#resources) field of the `group` property has to be an array of string values that corresponds to the [`name`](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/schedulerresource#name) field of the `resource`.

The following example demonstrates how to group events based on their `roomId` and `personIds` and with the corresponding coloring based on the `roomId`.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/scheduler/data-operations/grouping/configuration/source.txt)

## Setting Multiple Resource Groups

Based on the resource value, a single event can appear in multiple resource groups. In the previous example, both `Peter` and `Alex` can have an appointment for a single event that is happening in `Meeting Room 101`. In this case, the Scheduler must render the event in both groups.

The following example demonstrates how to render an event in two or more groups based on the provided resources.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/scheduler/data-operations/grouping/multiple/source.txt)

## Suggested Links

* [Data Binding in the Kendo UI for Vue Scheduler](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/data-binding)
* [Editing in the Kendo UI for Vue Scheduler](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/editing)
* [Handling the Kendo UI for Vue Scheduler Resources](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/resources)
* [API Reference of the Kendo UI for Vue SchedulerDataChangeEvent](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/schedulerprops)