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 displays a special overlay div over time header cells that are partially out of the viewport.

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