You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Given the table is inside some basic app shell layout with a global app bar, and maybe some nested menu bars, the table always sets 100vh as a height reference for calculations. I know that this is mentioned explicitly in the docs, but this makes the usage of a table with any container around it (above or below) impossible, doesn't it?
Also for the calculations, fixed values for e.g. the top toolbar height (80px) are used.
Is there a way to use the sticky header feature considering 100% height of the parent?
Minimal, Reproducible Example - (Optional, but Recommended)
Screenshots or Videos (Optional)
Do you intend to try to help solve this bug with your own PR?
No, because I do not have time to dig into it
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.
The text was updated successfully, but these errors were encountered:
Interesting fact I discovered by accident: If I use an empty bottom toolbar, it suddenly just becomes usable.
Sticky header now works as expected without causing an oversized overflow (not using 100vh somehow?).
The only problem is that the bottom bar falls back to the minimum height of 3rem.
The default heights are just a default. Specify your own table heights to your heart's desire with CSS.
Tried to do so in combination with the bottom toolbar, but I cannot really get it working without being visible (at some point this feels like a hack) and the sticky header.
It would be awesome if it just works without using the bottom toolbar at all. Just by using 100% height while overriding the vh default, it doesn't work.
Repository owner
locked and limited conversation to collaborators
Jun 10, 2024
mantine-react-table version
beta
react & react-dom versions
v18.2.0
Describe the bug and the steps to reproduce it
Given the table is inside some basic app shell layout with a global app bar, and maybe some nested menu bars, the table always sets
100vh
as a height reference for calculations. I know that this is mentioned explicitly in the docs, but this makes the usage of a table with any container around it (above or below) impossible, doesn't it?Also for the calculations, fixed values for e.g. the top toolbar height (80px) are used.
Is there a way to use the sticky header feature considering 100% height of the parent?
Minimal, Reproducible Example - (Optional, but Recommended)
Screenshots or Videos (Optional)
Do you intend to try to help solve this bug with your own PR?
No, because I do not have time to dig into it
Terms
The text was updated successfully, but these errors were encountered: