Fixed header wrapper overlaps next column

mohierf

When using the FixedHeader extention, I noticed that the fixed header wrapper div element (div.DTFC_LeftHeadWrapper) overlaps the next column. As it is not completely transparent, some information displayed in the next column are hidden. See the attached screen capture

PS: I cannot create a full exemple because my application is quite complex now ...

allan

Thanks for the image. I'm afraid there isn't a huge amount I can do to resolve the issue without having a test case to debug though. Have you tried calling fixedColumns().relayout()? That's really the best I can suggest.

Allan

mohierf

I have a few more information. This behaviour is not reproduced when I disable the scrollX and fixedColumns that I set as:

         "scrollX": true,
         "fixedColumns": {
            leftColumns: 1
         }

Furthermore, I noticed that the scrollX has an ugly side-effect: the thead is duplicated in the DOM... as of it, if you have some id or data- in this header it is also duplicated !

allan

FixedColumns without horizontal scrolling is more or less meaningless and it should show an error stating that on the console.

The thead duplication should not be visual, but is is required in the DOM since the header and body need to be split into different containers in order to be able to scroll the body (this is more important when vertical scrolling). The duplication is used to make sure the two align. I guess that isn't working for you. As I stated above, I'd need a test case to be able to help.

Allan