DayPilot.Calendar.columnResizeHandling

The columnResizeHandling property (string) enables drag and drop resizing of calendar columns (in the resource calendar mode).

Declaration

DayPilot.Calendar.columnResizeHandling

Possible Values

• "Disabled" - column resizing is disabled.

• "Update" - updates the column width on the client side after the resize operation.

Default Value

"Disabled"

Notes

Available in the calendar component since version 2022.3.5377.

This property applies to the resource calendar view.

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  columnResizeHandling: "Update",
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  columnResizeHandling: "Update",
  // ...
};

React

<DayPilotCalendar
  columnResizeHandling="Update"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  columnResizeHandling="Update"
  <!-- ... -->
/>

See Also

• Column Resizing [doc.daypilot.org]

• Resources View [doc.daypilot.org]

• DayPilot.Calendar Class