centrifuge / apps

Monorepo for Centrifuge frontends, including Centrifuge App, onboarding api, and Fabric design system.
GNU Lesser General Public License v3.0
27 stars 17 forks source link

Sticky reporting header and first column #2228

Open hieronx opened 1 week ago

hieronx commented 1 week ago

On the Reporting tab, if you scroll down, the header should be sticky. See screenshot below for the sticky part:

Screenshot 2024-06-19 at 19 01 18

Also, if you scroll right within the table, the first column should be sticky.

kattylucy commented 4 days ago

This a bit more complicated that it seems - every square on the picture is a different component making it a bit difficult to make the whole thing sticky. The best solution would only have the filters to be sticky (red square on picture) otherwise we will have to change the entire layout to make it work.

Another question is, do we want the header to be sticky as well? (blue square on screenshot)

How do we want to tackle this? Im up for either solution but want to get some feedback.

@hieronx @sophialittlejohn

Image

hieronx commented 4 days ago

@kattylucy what is most important to have sticky, is actually the table header, as in the row with the dates here. That way when you are scrolling through the table, you can still link each column to the date it relates to.

Everything above that is optionally sticky, not as important. Ideally I would say the blue section from my initial section is sticky, so everything excluding the header.