Grouping

The Scheduler accepts a group property which, in combination with the 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
• Day view grouping
• Week view and WorkWeek view grouping
• Month view grouping
• Agenda view grouping

Getting Started

To configure the group rendering, set the group and resources properties. The resources field of the group property has to be an array of string values that corresponds to the 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.

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.

Suggested Links

• Data Binding in the KendoReact Scheduler
• Editing in the KendoReact Scheduler
• Handling the KendoReact Scheduler Resources
• API Reference of the KendoReact SchedulerDataChangeEvent
• KendoReact Scheduler