ColReorder not highlighting re-orderable columns
ColReorder not highlighting re-orderable columns
I have a Datatable that is set to allow column re-ordering, the column re-ordering works fine but it doesn't highlight some of the columns as re-orderable when they're hovered over, plus when the columns are dragged and dropped there's no border around the column header as there is with the columns re-orderable columns that are highlighted when they hover over, dragged/dropped.
The issue appears to be when columns are set to 'orderable: false' so that they cannot to sort the table.
Here's a link to an example JS Fiddle -> https://jsfiddle.net/DropdeadFredd/zLh1nwyx/13/
It's a cut down version of the table in my project but it shows the issue.
Is there an option I need to set on these columns to get the highlighting working correctly?
Answers
OK, so I've just realized that the hover high-lighting is provided by the 'orderable' option which is adding a button role to the column heading.
So my question should probably be: Does the ColReorder extension support column high-lighting on hover? If so, how do I get it to work?
Not with the default CSS. You'd need to add that if it is something you need.
Maybe
cursor: move;
might be another option rather than a highlight?Allan