Column names goes out of sync with colReorder

[ghost]

@l-lin

I think there is some issue in Column Reordering, The column name can be dragged far from datatable
https://l-lin.github.io/angular-datatables/#/withColReorder

As you can see, I can drag the "No move me!" column far from data-table, is there a solution to avoid such things

[l-lin]

That's part of the extension. See the basic example from the official site.

[ghost]

@l-lin , thanks for the quick reply, but I am working on angular-datatbales, the example you have given is related to jquery-data table, which is little bit of confusing to me, can you guide for a angular example. And by the way the columns here are still going out of range

[l-lin]

angular-datatables is just a wrapper that uses the jquery-datatables. So everything you see there, it will be the same here.

[ghost]

@l-lin , Sorry to bug you coupe of times But Here I found some thing which has a super column re-order logic, http://plnkr.co/edit/KvJglc?p=preview
So adapted the same in your data-table
http://plnkr.co/edit/gQkBUg0XMl59eXYZLLYB?p=preview

Resulting in some error, I felt, you can help me better in this,
can you please have a look at the plunker

You can make out the column reordering happening, but the dataTable features are lost resulting in some errors in the console

Here I am posting you more info
http://stackoverflow.com/questions/33456026/issue-in-merging-angular-datatable-with-the-drag-drop-directives

[davidkonrad]

Here is an example of how to prevent columns to be dragged outside the dataTable, including working angular-datatables plnkr demo -> http://stackoverflow.com/q/33442206/1407478