Fixed Header doesn't work if parent element has height and overflow styles

alveri

Hello everyone. I faced next problem

parent element of datatables has styles
{
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}

and Fixed Header won't be applied in this case

https://jsfiddle.net/1hap40be/2/

also I tried to set height auto or 100% to another parent of datatable (child of main parent) - it didn't help.

could you advice how can I solve this issue?

allan

Hi,

What you are seeing is expected I'm afraid. FixedHeader does not currently work within an internal scrolling element - only the document itself.

Allan