DayPilot.Scheduler.onRowHeaderResized

The onRowHeaderResized event handler fires when the user resizes the row header splitter and drops it. This event is only applicable when row header scrolling is enabled.

Declaration

DayPilot.Scheduler.onRowHeaderResized(args)

Parameters

• args (object) - empty object

Notes

The new row header width is available using the rowHeaderWidth property.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  onRowHeaderResized: () => {
    console.log("New row header width:", dp.rowHeaderWidth);
  },
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  onRowHeaderResized: () => {
    console.log("Row header resized");
  },
  // ...
};

React

<DayPilotScheduler
  onRowHeaderResized={onRowHeaderResized}
  {/* ... */}
/>

const onRowHeaderResized = () => {
  console.log("Row header resized");
};

Vue

<DayPilotScheduler
  @rowHeaderResized="onRowHeaderResized"
  <!-- ... -->
/>

const onRowHeaderResized = () => {
  console.log("Row header resized");
};

See Also

Row Header Scrolling [doc.daypilot.org]

DayPilot.Scheduler.rowHeaderWidth

DayPilot.Scheduler Class