Skip to main content


fires before the user has finished dragging and released the mouse button over a target column

beforeColumnDrop: (data: object, events: MouseEvent) => void | boolean;


  • data: object - data object. It contains the following parameters:
    • start: string | number - the id of a column, from which the dragging process has started
    • source: array - an array with ids of dragged columns
    • target: string | number - the id of a potential target column
  • events: MouseEvent - a native HTML event object


Return false to block the default action; otherwise, true.

Example"beforeColumnDrop", function(data, events){
// your logic here
return false;

Change log:

  • Before v7.0, the event took two parameters - sourceId and targetId.
  • In v7.0, the parameters were replaced with new ones: data and e.
  • The event was added in v6.5