When some teams consist of only one resource, sorting by teams does not work as expected and produces artifacts sometimes - see the video
Support Forum
Resources look like
resources: [
{
id: 1,
name: 'Tom',
team: 'A-Team'
},
{
id: 2,
name: 'Jerry',
team: 'A-Team'
},
{
id: 3,
name: 'Peter Pan',
},
{
id: 4,
name: 'James Bond',
team: 'MI6'
},
{
id: 5,
name: 'Michael Jordan',
team: 'Chicago Bulls'
},
{
id: 6,
name: 'Scotty Pippen',
team: 'Chicago Bulls'
},
{
id: 7,
name: 'Stephen Curry',
team: 'Golden State Warriors'
}
],
And config is like this:
features: {
mergeCells: { disabled: false }
},
columns: [
{
text: 'Team',
field: 'team',
mergeCells: true,
mergedRenderer: teamColumnRenderer,
renderer: teamColumnRenderer
},
{
text: 'Name',
field: 'name'
}
]
teamColumnRenderer = (context: ColumnRendererContext) => {
const team = context.record.team;
return team ?? '';
};
Before that I create a store
this.scheduler.resourceStore = new ResourceStore({
fields: SchedulerResourceModel.fields,
sorters: [
{ field: 'team', ascending: true },
{ field: 'name', ascending: true }
]
});