DayPilot.Gantt.progressiveTimeHeaderRenderingCacheSize

The progressiveTimeHeaderRenderingCacheSize property (number) sets the cache size for time headers that have scrolled out of view, across all header levels.

Declaration

DayPilot.Gantt.progressiveTimeHeaderRenderingCacheSize

Default Value

200

Notes

Applies when progressiveTimeHeaderRendering is enabled. The default is 200. Headers in the visible area and the surrounding rendering margin do not count toward this setting.

Increase the value to make scrolling back to recently viewed headers faster, especially with complex custom content. Lower values use less memory; 0 disables this extra cache.

For interactive React or Vue headers, store values that must survive scrolling and view updates in application state.

Accepts a finite, nonnegative number, rounded down to an integer. Invalid values use 200.

Available since version 2026.4.7080 of DayPilot Pro for JavaScript.

Examples

JavaScript configuration:

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

Angular configuration:

config: DayPilot.GanttConfig = {
  progressiveTimeHeaderRenderingCacheSize: 100
};

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

React:

<DayPilotGantt progressiveTimeHeaderRenderingCacheSize={100} />

Vue:

<DayPilotGantt :progressiveTimeHeaderRenderingCacheSize="100" />

See Also

Progressive Time Header Rendering