Column Pinning With Enable Column Virtualization

[mr-burhanuddin]

mantine-react-table version

2.0.0-beta.7

react & react-dom versions

18.3.1

Describe the bug and the steps to reproduce it

Here’s a well-structured bug report for the issue:

---

Bug Report: Column Missing and Reappearing with Virtualization and Pinning

Description:

When column virtualization is enabled in a grid with 15 columns, pinning one of the initial columns causes it to temporarily disappear. The column reappears when scrolling back, disrupting the user experience.

---

Steps to Reproduce:

1. Set up a grid with 15 columns.
2. Enable column virtualization in the grid.
3. Pin one of the starting columns (e.g., the first column).
4. Scroll horizontally to the right.

---

Expected Behavior:

The pinned column should remain visible at its pinned position regardless of horizontal scrolling.

---

Actual Behavior:

The pinned column is removed from view while scrolling horizontally but reappears when scrolling back.

Minimal, Reproducible Example - (Optional, but Recommended)

.

Screenshots or Videos (Optional)

Video_Left_Pinning-Bug.1.mp4

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

No, because I do not know how

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.