Initial events load seems to happen before onBeforeCellRender()

Hi there - we're using the onBeforeCellRender() function to display the % allocation for an event, just like your example: https://doc.daypilot.org/scheduler/resource-utilization/.

What we see is when the scheduler is first loaded, the % allocation is not shown, indicating that when the event is firing, there isn't an event in that cell to calculate the utilisation. We're loading the events data onScroll(), again, like the example.

When you scroll away and come back, or edit/move an event, the utilisation appears just fine. Same as when you create a new event. Just wondering what it is we're doing wrong. Here's (hopefully), the relevant parts of the code:

dp.scrollDelayEvents = 0;
dp.infiniteScrollingEnabled = true;
dp.dynamicLoading = true;
dp.beforeCellRenderCaching = false;
// load new events as we scroll
dp.onScroll = function (args) {
    args.async = true;

    const start = args.viewport.start;
    const end = args.viewport.end;

    $.ajax({
        type: "GET",
        url: "/api/events",
        data: {
            start: start.toString(),
            end: end.toString()
        },
        success: function (data) {
            args.events = data;
            args.loaded();
        }
    });
};