Scheduler: issue with resources spanning multiple rows

I'm starting to use the Scheduler to display Events from multiple sources but the Events should not be displayed on a row depending on their source (resource). In other words, the minimum number of rows must be used in order to display the Events, whatever their source is.

For example, if I have EventA that is 9:00-10:00 and EventB that is 10:00-11:00, they would appear on the same row, one after the other (there would be only one row only in the Scheduler). But if both events are 9:00-10:00, then they would be one on top of the other and there would be two rows visible in the Scheduler.

To achieve that, it seems that using a single "resource" works well... I first hide the left bar:

rowHeaderWidth: 0
rowHeaderColumns: []
treeEnabled: false

and then I add all the Events to the same resource.

My issue is that it seems that when there are multiple rows required for that a single resource (both Events are 9:00-10:00 for example), that doesn't create cells everywhere on the second row!

So when I try to highlight "today" as such:

onBeforeCellRender: (args) => {
  if (args.cell.start.getDay() === DayPilot.Date.now().getDay()) {
    (args.cell as any).backColor = Colors.yellowVeryLight;
  }
}

there are parts of the second row that are not colored! (By the way, the backColor type is missing in Typescript on args.cell).

Any tips about this? Am I using the proper pattern to achieve what I need? If so, is there a way to properly color all rows for "today"?