DayPilot.Kanban.columnMoveHandling

The columnMoveHandling property (string) enables drag and drop column moving and specifies the default action performed on drop.

Declaration

DayPilot.Kanban.columnMoveHandling

Possible Values

• "Disabled" - column moving is disabled.

• "Update" - column moving is enabled, the move handle is displayed in the upper-left corner of the column header, and the new column order is applied on the client side after drop.

Default Value

"Disabled"

Notes

Use "Update" to let users reorder Kanban columns directly in the UI.

Handle onColumnMove to validate the target position before the change is applied, and onColumnMoved to react after the column order changes.

Examples

JavaScript

const kanban = new DayPilot.Kanban("dp", {
  columnMoveHandling: "Update",
  // ...
});
kanban.init();

Angular

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

config: DayPilot.KanbanConfig = {
  columnMoveHandling: "Update",
  // ...
};

React

<DayPilotKanban
  columnMoveHandling="Update"
  {/* ... */}
/>

Vue

<DayPilotKanban
  columnMoveHandling="Update"
  <!-- ... -->
/>

See Also

• Column Moving [doc.daypilot.org]

• DayPilot.Kanban.onColumnMove

• DayPilot.Kanban.onColumnMoved

• DayPilot.Kanban Class