How to make checkbox position fix?

[sanjeev666]

material-react-table version

^2.12.1

react & react-dom versions

^18.2.0 & ^18.2.0

Describe the bug and the steps to reproduce it

Here I tried with your example(https://www.material-react-table.com/docs/examples/column-pinning) and its not working as aspected here facing issue with checkbox position when scrolling horizontal towards right then checkbox position fixed but when we move towards right to left then not fixed this is happening when enableColumnVirtualization is true if we put enableColumnVirtualization as false then checkbox performance is slow i mean when we select any row it take some time so we can say its performance issue. Can you provide the checkbox position fix solution with enableColumnVirtualization is true or without decreasing checkbox performance issue.

Minimal, Reproducible Example - (Optional, but Recommended)

https://www.material-react-table.com/docs/examples/column-pinning

Screenshots or Videos (Optional)

4e346b9e-7b78-4d67-97df-d6164a078185.mp4

Do you intend to try to help solve this bug with your own PR?

None

Terms

• I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

[sanjeev666]

@KevinVandy can you look into it.

[KevinVandy]

If you are changing the cell/row background colors without all the complicated :before and :after styles required for pinned columns, you're going to run into this.