DayPilot.Gantt.progressiveRowRenderingPreload

The progressiveRowRenderingPreload property (number) specifies how many rows above and below the current viewport will be rendered when DayPilot.Gantt.progressiveRowRendering is enabled.

Declaration

DayPilot.Gantt.progressiveRowRenderingPreload

Default Value

25

Notes

• This setting applies only when DayPilot.Gantt.progressiveRowRendering is enabled.

• The preload area is measured in rows outside the visible viewport in both directions.

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  progressiveRowRendering: true,
  progressiveRowRenderingPreload: 50,
  // ...
});
gantt.init();

Angular

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

config: DayPilot.GanttConfig = {
  progressiveRowRendering: true,
  progressiveRowRenderingPreload: 50,
  // ...
};

React

<DayPilotGantt
  progressiveRowRendering={true}
  progressiveRowRenderingPreload={50}
  {/* ... */}
/>

Vue

<DayPilotGantt
  :progressiveRowRendering="true"
  :progressiveRowRenderingPreload="50"
  <!-- ... -->
/>

See Also

DayPilot.Gantt.progressiveRowRendering

Progressive Row Rendering [doc.daypilot.org]

DayPilot.Gantt Class