search

comic / grand-challenge.org

A platform for end-to-end development of machine learning solutions in biomedical imaging
https://grand-challenge.org
Apache License 2.0
176 stars 51 forks source link

Users confused by responsive wide table information hiding #3028

Open jmsmkn opened 1 year ago

jmsmkn commented 1 year ago

It's behind the blue cross. Both leaderboard and admin panels. Maybe limit wide tables to 10 rows and then use just the bootstrap responsive. Also allow word breaks?

miriam-groeneveld commented 10 months ago

Why not increase the max width of the container to for example 1400 px?

jmsmkn commented 10 months ago

That just kicks the can down the road. We have plenty of tables that do not fit into 1400px and not all users have viewports that wide (e.g. mobile, tablets, using windows side-by-side). It needs a fundamental fix. Maybe something like https://github.com/Amphiluke/floating-scroll.

jmsmkn commented 4 months ago

You also loose the ability to sort on the hidden columns if they end up in the fold, e.g. for visibility here Screenshot 2024-06-21 at 11 28 04

pkcakeout commented 4 months ago

I feel the need to comment with these pictures to comment on "kick the can down the road" comment:

image

vs

image

From what I heard/read about design, data tables designs between mobile vs desktop layouts and interactions are squarely opposed to each other. So this is not a trivial thing to solve at all. Sort of this: On mobile phones the general advise goes against using data tables at all while on Desktop, Excel is still the king of all applications for many users.

jmsmkn commented 4 months ago

Advantage of phones is that they can naturally drag left and right, same with using a trackpad on a computer. Mouse users still have to scroll all the way down.

chrisvanrun commented 2 months ago

Implemented this in:

Using handy-scroll. However, it's ramifications are to large to be tested/reviewed in a cooldown week.