# resourceGroupField

> FullCalendar v3 documentation, for an old release. Web version: https://legacy.fullcalendar.io/v3/resourceGroupField
>
> Latest version (v7): https://fullcalendar.io/docs/resourceGroupField.md

Premium feature.

Visually groups resources by certain criteria.

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

```js
$('#calendar').fullCalendar({
  resourceGroupField: 'groupId',
  resources: [
    {
      id: 'A',
      groupId: '1',
      title: 'Resource A'
    },
    {
      id: 'B',
      groupId: '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 [resourceGroupText](https://legacy.fullcalendar.io/v3/resourceGroupText.md).

[See a demo of resourceGroupField](https://legacy.fullcalendar.io/v3/timeline-resourceGroupField-demo).
