evidence-dev
Data table sticky header
Description
Added sticky headers to the data tables
| Before | After |
|---|---|
Checklist
- [x] For UI or styling changes, I have added a screenshot or gif showing before & after
- [x] I have added a changeset
- [ ] I have added to the docs where applicable
- [ ] I have added to the VS Code extension where applicable
- To see the specific tasks where the Asana app for GitHub is being used, see below:
- https://app.asana.com/0/0/1211182961543173
Hi @arefabouhamdan, what is the situation where you need a sticky header on the table? It looks nice, but typically the table overflow is handled by pagination. Do you have a markdown example you could share?
Main question I have is whether sticky header should be a prop or a default for the table - example will help figure that out
@hughess we had a user who wants the table showing 50 rows at a time, but on mobile or smaller laptop screens, they couldn't see the whole table on-screen and lost the headers when scrolling down the table. Pagination is what they "should" do but the request was for a sticky header. I don't think there's much downside (if the table fits on-screen then it will behave just as it does now), so I think having it default-enabled would work well
