DayPilot.Gantt.floatingTimeHeaders

The floatingTimeHeaders property (boolean) controls whether DayPilot.Gantt uses special floating elements for long time header cells that start outside the current viewport so the cell text stays readable.

Declaration

DayPilot.Gantt.floatingTimeHeaders

Default Value

true

Notes

When enabled, the floating element displays the time header cell text for headers that start before the visible horizontal range.

Examples

JavaScript

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

Angular

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

config: DayPilot.GanttConfig = {
  floatingTimeHeaders: false,
  // ...
};

React

<DayPilotGantt
  floatingTimeHeaders={false}
  {/* ... */}
/>

Vue

<DayPilotGantt
  :floatingTimeHeaders="false"
  <!-- ... -->
/>

See Also

DayPilot.Gantt Class