Pinning hidden columns with column virtualization causes error

[ktmotquin]

material-react-table version

2.12.0

react & react-dom versions

18.2.0

Describe the bug and the steps to reproduce it

While working will column virtualization, I noticed the table would crash when trying to pin a hidden column. This can be done using the 'Column Virtualization Example' in the docs, which I will also link below. This is only a problem with column virtualization turned on.

Steps to reproduce

• Open 'Show/Hide Columns' menu
• Click 'Hide all'
• Start pinning columns (i.e. 'Row Numbers', 'Column 0', 'Column 1')
• When trying to pin the 3rd column ('Column 1') and error occurs.

The error points to this line of code:

material-react-table/packages/material-react-table/src/components/head/MRT_TableHeadRow.tsx

Line 70 in 83d0069

.index;

Minimal, Reproducible Example - (Optional, but Recommended)

https://www.material-react-table.com/docs/examples/column-virtualization#column-virtualization-example

Screenshots or Videos (Optional)

Screen.Recording.2024-02-27.at.1.00.57.PM.mov

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.