DayPilot.Gantt.scrollDelayTimeHeaders

The scrollDelayTimeHeaders property (number) sets how long, in milliseconds, to wait before displaying additional time headers during horizontal scrolling.

Declaration

DayPilot.Gantt.scrollDelayTimeHeaders

Default Value

0

Notes

Applies when progressiveTimeHeaderRendering is enabled. The default 0 displays headers immediately.

A positive value waits until horizontal scrolling has paused for the specified interval. This can make scrolling smoother with complex custom headers, but newly visible header areas may remain blank during the delay.

The delay applies only to scrolling. Headers appear immediately when the control first loads, updates, or resizes. Use scrollDelayFloats to adjust the movement of floating labels.

Accepts a finite, nonnegative number. Invalid values use 0.

Available since version 2026.4.7080 of DayPilot Pro for JavaScript.

Examples

JavaScript configuration:

const dp = new DayPilot.Gantt("dp", {
  scrollDelayTimeHeaders: 50
});
dp.init();

Angular configuration:

config: DayPilot.GanttConfig = {
  scrollDelayTimeHeaders: 50
};

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

React:

<DayPilotGantt scrollDelayTimeHeaders={50} />

Vue:

<DayPilotGantt :scrollDelayTimeHeaders="50" />

See Also

Progressive Time Header Rendering