DayPilot.Scheduler.floatingTimeHeaders

The floatingTimeHeaders property (boolean) enables floating time headers in the JavaScript Scheduler.

Declaration

DayPilot.Scheduler.floatingTimeHeaders

Default Value

true

Notes

When enabled, the Scheduler keeps labels of partially visible time header cells readable as the timeline scrolls.

Since version 2026.4.7080, floating labels also support custom DOM, React and Vue content. Interactive header controls keep their state as the label moves during scrolling. Store values that must survive view changes in application state.

Examples

JavaScript

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

Angular

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

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

React

<DayPilotScheduler
  floatingTimeHeaders={false}
/>

Vue

<DayPilotScheduler
  :floatingTimeHeaders="false"
/>

See Also

Floating Time Headers [doc.daypilot.org]

DayPilot.Scheduler Class