DayPilot.Gantt.rowHeaderScrolling

The rowHeaderScrolling property (boolean) enables scrollable row headers in the JavaScript Gantt Chart. When enabled, the row header width is fixed by rowHeaderWidth and a horizontal scrollbar is added.

When set to false, rowHeaderWidth is calculated automatically as the sum of all row header column widths.

Declaration

DayPilot.Gantt.rowHeaderScrolling

Possible Values

• true - enables scrollable row headers with a fixed container width.

• false - sizes the row header area automatically to fit the configured columns.

Default Value

false

Examples

JavaScript

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

Angular

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

config: DayPilot.GanttConfig = {
  rowHeaderScrolling: true,
  // ...
};

React

<DayPilotGantt
  rowHeaderScrolling={true}
  {/* ... */}
/>

Vue

<DayPilotGantt
  :rowHeaderScrolling="true"
  <!-- ... -->
/>

See Also

Scrolling Performance [doc.daypilot.org]

DayPilot.Gantt.rowHeaderWidth

DayPilot.Gantt Class