-
-
Notifications
You must be signed in to change notification settings - Fork 136
This issue was moved to a discussion.
You can continue the conversation there. Go to discussion →
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Sticky header makes usage in layouts impossible #290
Comments
Interesting fact I discovered by accident: If I use an empty bottom toolbar, it suddenly just becomes usable. Thought it's worth to mention this. |
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. |
This issue was moved to a discussion.
You can continue the conversation there. Go to discussion →
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: