Why does my header still scroll with fixedHeader: true?

afarley

I see a lot of other discussions where people don't have the right CSS or JS files, but I've double-checked (copied and pasted exactly) from your Downloads page after selecting Bootstrap 4 and the fixedHeader extension, and I'm still not seeing any effect from setting fixedHeader: true.

I have a fiddle prepared here:
https://jsfiddle.net/asfarley/tm6zc39d/11/

I've also checked to see if table is in a scrolling container, but that does not seem to be the case.

Any idea how I can cause fixedHeader to take effect?

allan

I've also checked to see if table is in a scrolling container

It is - specifically the table itself has max-height: 20em; in the CSS. Inside the flexbox that is causing it to collapse to a scrollable table.

To see the fixed header, you can scroll the iframe in the fiddle right to the bottom and then start scrolling the table. Assuming the table top is outside the scrolling iframe, the fixed header will suddenly appear...

Really not what you are looking for!

Try using scrollY for this table rather than FixedHeader: https://jsfiddle.net/h4ds3xk5/ .

Allan