Skip to main content


Pro version only

This functionality requires PRO version of the DHTMLX Grid (or DHTMLX Suite) package.

fires before dragging of a column has started

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


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


Return false to prevent dragging a column; otherwise, true.

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

Related sample: Grid. Columns drag'n'drop

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 one parameter - the column id.
  • Starting from v7.0, the event takes two parameters: data and e.