ColReorder.js and Fixed Header: dragged header is behind the fixed header, preset columns order

floogy

Hello, I'm using the great ColReorder.js extra plugin and noticed that, if I drag a columns header the dragged header shows up behind the fixed header. How can I give it the proper z-index?
The other Question is, I have to hide colum 4 and reorder column 9 instead as column 4. Can I configure dataTables to load the page with this default column order and offer the draggable columns too?

TIA

floogy

Gremash

I am having the exact same issue. Have you had any luck finding a solution yet?

Gremash

I was able to fix this issue. It turned out to be a z-index issue. I just added the following to my app.css file to override the z-indexes of the two tables generated and it works like a charm.

[code]table.dataTable {
z-index:105;
}[/code]