Column resizing does not work in React Kitchen Sink example

[miachenmtl]

TanStack Table version

v8.21.3

Framework/Library version

React v18.3.1

Describe the bug and the steps to reproduce it

In the interactive sandbox, hovering over column borders changes the styling and cursor, but clicking and dragging doesn't do anything.
I looked through the existing issues, and the only thing I saw that was maybe relevant was adding table.getCenterTotalSize() to the root table element width, but that didn't make a difference for me.
I'm using a M1 MacBook Air, using the built-in touch pad, and Chrome v134.0.6998.166

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

https://stackblitz.com/github/tanstack/table/tree/main/examples/react/kitchen-sink

Screenshots or Videos (Optional)

Enregistrement.d.ecran.le.2025-04-15.a.17.15.58.mov

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

No, because I do not know how

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.

[miachenmtl]

I think I found the problem. If you add the flex class to the tr elements in thead, it seems to work.