Move table columns around with drag & drop
I've created a data table component where you can move around the order of the columns using the drag and drop api.
Specifically, I am using
It works as expected, at least on the first try, after that the behaviour becomes weird because it will always use the old index and not the new ordering.
I've tried using a
One way to work around this is to just pass the index in manually like this:
Might there be a better option?
Specifically, I am using
e.dataTransfer.setDataondragstartondropIt works as expected, at least on the first try, after that the behaviour becomes weird because it will always use the old index and not the new ordering.
I've tried using a
IndexForOne way to work around this is to just pass the index in manually like this:
{each:()=>props.headers().map((h,i)=>[h,i])}Might there be a better option?
