datatable dragColumn + leftSplit

Webix JS
1

Hi,

I’m currently using Webix datatable in an application for displaying search results. The requirements is to allow user to reorder (drag and drop) columns of the datatable, as well as having the first three columns “frozen” (not hidden when scrolling horizontally). I’ve tried configured the datatable with { dragColumn: true, leftSplit: 3 }. That works out well, except when user drags any of the first three column and drops it in a position after the split line, the datatable is messed up.

My question is as follow:

  1. Is there a way to disable drag and drop for columns before the split line?
  2. Or, is there a way to prevent columns being moved from one “region” of the split line to another?
  3. Or, maybe you have a better and easier suggestion.

Here’s my code snippet:
http://webix.com/snippet/96d97b93

Thanks in advance.

2

(1,2) yes, you can use onBeforeColumnDrag and onBeforeColumnDrop events to limit the columns that can be dragged and positions, where they can be dropped
http://webix.com/snippet/ca530806

(3) Actually yes :), the bug with drag-n-drop and split line will be fixed in oncoming Webix 1.7 This version will be released in next few days.