ScrollX and FixedColumns - Footer problem

morkake

Hi

I'm using FixedColumns and have a footer. In addition I'm setting scrollX.
I'm using the exact same as you see here in the example. I'm not making a test-case as this link will have everything. Hope this is ok.

The problem is that when you scroll to the right, you will see that header and body is behaving correctly, and content is being hidden behind the fixed column. The footer, however, is not being rendered correctly when scrolling, and the columns will be "on top of" the fixed column - making it hard to read the content of the fixed footer column. Same thing happens both in Chrome and Edge.

Is there something I can do with this, or is it a bug that needs to be fixed.

Thanks!

Nick Hope

@allan committed a change for this on 6th June, so it might be in the current nightly build of FixedColumns.

But to fix it in older builds you can try putting this in your css file:

th.dtfc-fixed-left,
th.dtfc-fixed-right {
    z-index: 1 !important;
}

If it doesn't work, try raising the z-index number.