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
To allow for a easier sense of place when scrolling through the ItemTable, a sticky header should be implemented. By default, the header should appear flat, being raised with a subtle shadow underneath to indicate that the user is no longer at the top of the table.
A fixed header is supposed in MUI as detailed here. #30 notes how useScrollTrigger can be used for conditional styling based on scrolling.
This was put on hold due to issues with parent CSS. The "sticky" header only works when no parents of the element have an overflow setting. This should be revisited after #49
campb303
changed the title
Implement sticky header with shadow
Implement sticky header in ItemTable
Nov 25, 2020
To allow for a easier sense of place when scrolling through the ItemTable, a sticky header should be implemented. By default, the header should appear flat, being raised with a subtle shadow underneath to indicate that the user is no longer at the top of the table.
A fixed header is supposed in MUI as detailed here. #30 notes how
useScrollTrigger
can be used for conditional styling based on scrolling.Example: Sticky header with shadow on scroll:

Image from Design better data tables by Andrew Coyle on Medium
The text was updated successfully, but these errors were encountered: