Fix row or column when scroll

[kpjob555]

Hi, there is a way to fix row or column in react-table 7 when scroll?

[jelizarovas]

Can you please elaborate more, or post some code? thank you!

Do you mean freeze the row or column?

[kpjob555]

Yes, I mean freeze row and column

[vtarelkin]

I was on the same road and I chose v6)

[jelizarovas]

since react-table is a hook, it has no say how the table styles on your application. I would go down the road of: https://stackoverflow.com/questions/8423768/freeze-the-top-row-for-an-html-table-only-fixed-table-header-scrolling

[07harish]

If you are looking for a pinned column, 'react-table-sticky' lib is a good option. Since it is not available out of the box from V7.

[GuptaSiddhant]

React Table v7 can natively supports pinning of column using useColumnPin hook.
It is created by @gargroh and you can check the code here.
If you can figure out how to use it, that's great otherwise you can directly contact the dev.
You can see the example here: #1962