resourceGroupField Premium

Visually groups resources by certain criteria. Only used by resource timeline views.

The given argument must be a field name that each resource object has. Example:

const calendar = new Calendar(calendarEl, {
  resourceGroupField: 'groupId',
  resources: [
    {
      id: 'A',
      groupId: '1',
      title: 'Resource A'
    },
    {
      id: 'B',
      groupdId: '1',
      title: 'Resource B'
    },
    {
      id: 'C',
      groupId: '2',
      title: 'Resource C'
    }
  ]
});

Resource groups will have a gray divider at the top of each group. The text at the top of each group will be determined by the resourceGroupHeaderContent resource group header render hook.

This option is ignored when an entry in resourceColumns has group: true. Those columns do the grouping instead.

See a demo of resourceGroupField.