Skip to main content


fires after dragging of a column is finished

afterColumnDrag: (data: IDragInfo, events: MouseEvent) => void;


  • data: object - data object
  • events: MouseEvent - a native HTML event object

Example"afterColumnDrag", function(data, events) {    // your logic here});

The data object 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

Change log:

added in v7.0