[Bug] Fixed Columns Overlap Adjacent Columns, Obscuring Content

[alfred0zhu]

TanStack Table version

8

Framework/Library version

18

Describe the bug and the steps to reproduce it

描述 (Description)

I have configured the table to fix (pin) 5 columns to the left side.

Actual Behavior:
When these columns are fixed, the immediately adjacent columns (the 6th and 7th columns) are visually obscured or completely hidden by the fixed column area, making them inaccessible. This happens even if a horizontal scrollbar is present or active.

Expected Behavior:
The fixed column area should display correctly without overlapping or obscuring the initial non-fixed columns (Column 6 and Column 7). The 6th column should be fully visible and accessible immediately after the 5th fixed column.

---

重现步骤 (Steps to Reproduce)

1. Set the first 5 columns of the data table to be "fixed" or "sticky" to the left.
2. Attempt to view the content of the 6th and 7th columns.
3. Observe that columns 6 and 7 are hidden behind the fixed area.

截图 (Screenshot)

[Insert the screenshot image_9d756c.jpg here]

环境信息 (Environment/Context)

(请您在这里补充您的表格库信息，例如：使用的 React Table, AG Grid, MUI DataGrid 等，以及您的浏览器和版本号。)

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

https://codesandbox.io/p/devbox/github/tanstack/table/tree/main/examples/react/column-pinning-sticky?embed=1&theme=light&file=src/main.tsx

Screenshots or Videos (Optional)

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.