Data table sticky header

[arefabouhamdan]

Description

Added sticky headers to the data tables

Before	After

Checklist

• For UI or styling changes, I have added a screenshot or gif showing before & after
• 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

[hughess]

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

[tylerdigital]

@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