ColReorder not highlighting re-orderable columns

ColReorder not highlighting re-orderable columns

DrodpeadFreddDrodpeadFredd Posts: 2Questions: 1Answers: 0

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

  • DrodpeadFreddDrodpeadFredd Posts: 2Questions: 1Answers: 0

    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?

  • allanallan Posts: 63,489Questions: 1Answers: 10,470 Site admin

    So my question should probably be: Does the ColReorder extension support column high-lighting on hover?

    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

Sign In or Register to comment.