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;
}