Cannot make Header row fixed

[Praki06]

Adding postion:fixed to the header breaks the column layout. Is there any other way to make the headers fixed.

[stclairdaniel]

I think there is another open issue about this, but the short answer is no. Here's a sort of hacky way that will accomplish it though - wrap your table in a div and give it this: onScroll={function(e) {let translate =translate(0,${e.nativeEvent.target.scrollTop}px); document.querySelector(".reactable-column-header" ).style.transform = translate;

[kalimuthu123]

give me a clear clarification with the code

[kalimuthu123]

this works for me but it creates the flickering effect in the header when hoever table thead tr:nth-child(1) th{ background: white; position: sticky; top: 0; z-index: 10; }