On source datatable column drag and drop event, I want to drag same column in destination datatable

Webix JS
#1

How to call event manually drag a column in other/a grid

#2

Hey @webix_B_123, could you please elaborate a little bit?

From what I understand, you want to be able to dynamically change the column configuration of one of the datatables you currently have (you mentioned drag and drop, but this is essentially what drag and drop would achieve), i.e. “manually drag”? I might be wrong, but I’m not really sure what you are looking for here.

#3

Let’s say I have two datatables.
In one datatable I did column drag and drop.
For example I did first column drag and drop.
On First column drag and drop event I need to drag and drop same column in second datatable.

#4

looks like you have 2 tables with similar structures and want to sync col order.
try to use moveColumn on the 2nd table after 1st table col drop
https://docs.webix.com/api__ui.datatable_movecolumn.html

#5

It does seem to be the way to go: https://snippet.webix.com/h1btlqku.

Please note that if you have the same exact column ids you can simply use that as a parameter for the moveColumn method instead of getting it by index.

#6

Thanks for the info!

#7

Here I found one issue.
You are incrementing 1 and moving column right.
It is failing when we drop column in backward direction.

#8

Could you please elaborate? My example from above includes the handling of this situation:

if (index1 > index2) {
            $$("table2").moveColumn(column, index1 + 1); //left to right
          } else { $$("table2").moveColumn(column, index1)} //right to left

It works just fine when you drop column left to right and right to left. Could you explain how it is failiing for you?

#9

https://snippet.webix.com/zaf2m9he
I did some changes now it’s working fine.

and my scenario is move Released6 column before Released0 and check whether it is working or not in you example