DayPilot.Scheduler.rowHeaderScrolling

The rowHeaderScrolling property (boolean) enables scrollable row headers in the JavaScript Scheduler component. When enabled, the width of the row headers is fixed by DayPilot.Scheduler.rowHeaderWidth and a horizontal scrollbar is added.

When set to false, the DayPilot.Scheduler.rowHeaderWidth value is calculated automatically as the sum of widths of all columns.

Declaration

DayPilot.Scheduler.rowHeaderScrolling

Default Value

false

Examples

JavaScript

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

Angular

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

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

React

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

Vue

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

See Also

DayPilot.Scheduler.rowHeaderWidth

DayPilot.Scheduler.rowHeaderResizable

Row Header Scrolling [doc.daypilot.org]

DayPilot.Scheduler Class