Resized sticky columns overlap when scrolling horizontally

[SeanStove]

TanStack Table version

v8.13.2

Framework/Library version

v18.2.0

Describe the bug and the steps to reproduce it

When columns are resized and pinned sticky, they start to overlap when scrolling.
You can reproduce this by going to the Column Pinning Sticky example from the docs.

1. Resize the first two columns
2. Pin them
3. They overlap when you scroll

I'm not sure if this could be solved with css? Any help would be appreciated.

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

https://tanstack.com/table/latest/docs/framework/react/examples/column-pinning-sticky

Screenshots or Videos (Optional)

tanstack-sticky-column-issue_tmCslzH3.mp4

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

None

Terms & Code of Conduct

• I agree to follow this project's Code of Conduct
• I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

[xluk9]

I have the same problem even without resizing them. Sticky column always overlap when horizontally scrolled.
Anybody have any workaround?

[irenako]

Hello! I have the same issue with pinned columns on a horizontal scroll. I have noticed that when pinned column is resized, overlapping for this particular column is gone. Could you help to fix this?