Group by Resource

Our Blazor Scheduler component allows you to assign resources to individual appointments/events. Resources allow you to display schedules across multiple columns. For example, you can create a resource item for each employee and then group appointments by this resource.

The DevExpress Blazor Scheduler component includes a drop-down Resource Navigator window. Use this window to hide or display resource groups as needed.

This demo illustrates how to easily group scheduled appointments by resource. When appointments are grouped by resource and the Scheduler component displays multiple dates and resources, date headers are grouped under resource headers.

To group appointments by resource, set the GroupType property to Resource.

John Heart Samantha Bright Arthur Miller
Tuesday, November 24
Wednesday, November 25
Tuesday, November 24
Wednesday, November 25
Tuesday, November 24
Wednesday, November 25
9 00
10 00
11 00
12 PM
1 00
2 00
3 00
4 00
5 00

Group by Date

This demo illustrates how you can group scheduled appointments by date. When appointments are grouped by date and the Scheduler component displays multiple dates and resources, resource headers are grouped under date headers.

To group appointments by date, set the GroupType property to Date.

Tuesday, November 24
Wednesday, November 25
John Heart Samantha Bright Arthur Miller John Heart Samantha Bright Arthur Miller
9 00
10 00
11 00
12 PM
1 00
2 00
3 00
4 00
5 00

Custom Resource Navigator

This demo illustrates how you can hide our Blazor Scheduler component’s built-in Resource Navigator (set the ResourceNavigatorVisible property to false) and implement a custom tree-like navigator instead.

Refer to the demo’s code snippet to see how we used the VisibleResourcesDataSource property to specify resources from the resource data source (ResourcesSource) to display within the navigator.

John Heart Samantha Bright
Tuesday, November 24
Tuesday, November 24
9 00
10 00
11 00
12 PM
1 00
2 00
3 00
4 00
5 00