DayPilot.Gantt.progressiveTimeHeaderRenderingMargin

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

Declaration

DayPilot.Gantt.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.Gantt("dp", {
  progressiveTimeHeaderRenderingMargin: 400
});
dp.init();

Angular configuration:

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

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

React:

<DayPilotGantt progressiveTimeHeaderRenderingMargin={400} />

Vue:

<DayPilotGantt :progressiveTimeHeaderRenderingMargin="400" />

See Also

Progressive Time Header Rendering