DayPilot.Scheduler.onRowHeaderColumnResized

The onRowHeaderColumnResized event handler fires after the user resizes a row header column.

Declaration

DayPilot.Scheduler.onRowHeaderColumnResized(args)

Parameters

• args.column (object) - the resized item from rowHeaderColumns

Notes

The width stored in the rowHeaderColumns array is updated automatically after the resize.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  onRowHeaderColumnResized: (args) => {
    console.log("New column width:", args.column.width);
    console.log("All widths:", dp.rowHeaderColumns.map((column) => column.width).join("|"));
  },
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  onRowHeaderColumnResized: (args) => {
    console.log("New column width:", args.column.width);
  },
  // ...
};

React

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

const onRowHeaderColumnResized = (args) => {
  console.log("New column width:", args.column.width);
};

Vue

<DayPilotScheduler
  @rowHeaderColumnResized="onRowHeaderColumnResized"
  <!-- ... -->
/>

const onRowHeaderColumnResized = (args) => {
  console.log("New column width:", args.column.width);
};

See Also

DayPilot.Scheduler.rowHeaderColumns

DayPilot.Scheduler.rowHeaderColumnResizedHandling

DayPilot.Scheduler Class