Scheduler Event Timeline Virtualization

Scroll large resource lists efficiently on SchedulerTimeline.

Only visible resource rows mount in the DOM — suitable for hundreds of lanes in a fixed-height container.

  • Operations dashboards with many teams, rooms, or machines
  • Embedded timelines inside dialogs or split panes with bounded height
  • Place SchedulerTimeline inside a flex child with min-height: 0 and a fixed or max height.
  • Bind a large resources vector — virtualization activates automatically for timeline body rows.
  • Keep events scoped to visible resources to minimize layout work.
Large resource set

One hundred twenty resource rows in a bounded timeline container.

DensityDefault
Resources
Resource 0
Resource 1
Resource 2
Resource 3
Resource 4
Resource 5
Resource 6
Resource 7
Resource 8
Resource 9
Resource 10
Resource 11
Resource 12
2024-12-29
2024-12-30
2024-12-31
2025-01-01
2025-01-02
2025-01-03
2025-01-04