DayPilot.Scheduler.progressiveTimeHeaderRenderingMargin

The progressiveTimeHeaderRenderingMargin property (number) specifies how many extra horizontal pixels of time headers are rendered on each side of the viewport.

Declaration

DayPilot.Scheduler.progressiveTimeHeaderRenderingMargin

Default Value

200

Notes

Applies when progressiveTimeHeaderRendering is enabled. Increase the margin if custom headers appear too late during scrolling. A larger margin uses more memory and can increase loading time.

Accepts a finite, nonnegative number. Invalid values use the default of 200. A value of 0 removes the extra margin.

Available since version 2026.4.7080 of DayPilot Pro for JavaScript.

Examples

JavaScript configuration:

const dp = new DayPilot.Scheduler("dp", {
  progressiveTimeHeaderRenderingMargin: 400
});
dp.init();

Angular configuration:

config: DayPilot.SchedulerConfig = {
  progressiveTimeHeaderRenderingMargin: 400
};

<daypilot-scheduler [config]="config"></daypilot-scheduler>

React:

<DayPilotScheduler progressiveTimeHeaderRenderingMargin={400} />

Vue:

<DayPilotScheduler :progressiveTimeHeaderRenderingMargin="400" />

See Also

Progressive Time Header Rendering