Skip to main content

beforeColumnDrop

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

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

Parameters:

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

Returns:

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

Example

grid.events.on("beforeColumnDrop", function(data, events){
    // your logic here
    return false;
});

Related sample: Setup drag column (Pro)

Pro version only

This functionality requires PRO version of the dhtmlxGrid (or DHTMLX suite) package.

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 v6.5
  • Before v7.0, the event took two parameters - sourceId and targetId.
  • In v7.0, the parameters were replaced with new ones: data and e.