material-react-table icon indicating copy to clipboard operation
material-react-table copied to clipboard

Grouped header not sticky with multiple pinned columns

Open alexander7161 opened this issue 1 year ago • 1 comments

material-react-table version

1.14.0

react & react-dom versions

18.2.0

Describe the bug and the steps to reproduce it

Thanks for the great table library! Enjoying working with it 👍

I want to have header groups along with multiple columns pinned to the left, it seems like the grouped header does not have the same sticky behaviour as the normal header

Minimal, Reproducible Example - (Optional, but Recommended)

https://codesandbox.io/s/simple-material-react-table-example-forked-qnsvz9?file=/src/App.js

Screenshots or Videos (Optional)

https://github.com/KevinVandy/material-react-table/assets/9217537/8654b4cb-6257-4ddd-be86-440cf0bf65e6

I would expect the grouped header to also be pinned as I scroll to the right.

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

Maybe, I'll investigate and start debugging

Terms

  • [X] 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.

alexander7161 avatar Jul 20 '23 08:07 alexander7161

Just wanted to +1 on this - this is also behavior I would like to see fixed when using header groups and pinned columns. It would be nice if the parent header group would stay visible when scrolling.

alicenstar avatar Dec 07 '23 20:12 alicenstar