ColReorder Horizontal scrolling usability issue

niki4810

Hi Allan,

I use Datatables plugin along with colreorder extension and bootstrap theme for one of my projects. I noticed a usability issue in terms of re-ordering columns when horizontal scrolling is enabled on the table. (i.e. if there are many columns and table shows a horizontal scroll bar.). The issue is if we want the drag the last column thats on extreme right to extreme left to make it first column, we need to perform drag and drop operations multiple times.

To illustrate the issue I have created a jsFiddle. This fiddle contains detail steps to reproduce the issue.

Here is the link to the fiddle :
(Preview mode)

http://jsfiddle.net/vtQyw/10/embedded/result/ (preview mode)

(same link in edit mode)

http://jsfiddle.net/vtQyw/10/light/

(Although the examples uses bootstrap theme, I think this usability issues exists in native datatables theme as well)

Just wanted to check with you if there is a easy fix for this such that as we drag columns from extreme right to left, the horizontal scroll bar scroll automatically.

Please let me know you comments on this.

Thanks,

Nikhil

allan

Agreed - I think there should be 'zones' where the table will x-scroll during a drag. Most certainly one for future implementation. Thanks for flagging this up.

Probably be a while until I get to this one I'm afraid - working on trying to progress DataTables 1.10 at the moment.

Allan

niki4810

Thanks Allan.