The row headers in the JavaScript Scheduler component can be progressively rendered during scrolling. This enables the Scheduler to display a large number of rows without impacting performance.

When progressive row rendering is enabled, the Scheduler will only render the row headers for the current viewport (plus the buffer defined using progressiveRowRenderingPreload in both directions).

Progressive row rendering is enabled by default.

If you decide to turn off the progressive row rendering, it will be necessary to turn off row header width auto-fit as well.

JavaScript

Demo

Example

Scheduler config:

{
  progressiveRowRendering: false,
}

ASP.NET WebForms

 
<DayPilot:DayPilotScheduler 
  ID="DayPilotScheduler1" 
  runat="server" 
  ...
  ProgressiveRowRendering="true"
  ProgressiveRowRenderingPreload="20"
  >
</DayPilot:DayPilotScheduler>

ASP.NET MVC

 
@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = ResolveUrl("~/Scheduler/Backend"),
  ProgressiveRowRendering = true,
  ProgressiveRowRenderingPreload = 20
})