# Grouping

The Scheduler accepts a [`group`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#group) property which, in combination with the [`resources`](https://www.telerik.com/kendo-react-ui/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-react-ui/components/scheduler/views/timeline#grouping-by-resource)
* [`Day view grouping`](https://www.telerik.com/kendo-react-ui/components/scheduler/views/day#grouping-by-resource)
* [`Week view and WorkWeek view grouping`](https://www.telerik.com/kendo-react-ui/components/scheduler/views/week#grouping-by-resource)
* [`Month view grouping`](https://www.telerik.com/kendo-react-ui/components/scheduler/views/month#grouping-by-resource)
* [`Agenda view grouping`](https://www.telerik.com/kendo-react-ui/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-react-ui/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-react-ui/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-react-ui/scheduler/data-operations/grouping/configuration/func/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-react-ui/scheduler/data-operations/grouping/multiple/func/source.txt)

## Suggested Links

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