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
167 stars 49 forks source link

Users confused by responsive wide table information hiding #3028

Open jmsmkn opened 9 months ago

jmsmkn commented 9 months 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 6 months ago

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

jmsmkn commented 5 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 1 week 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 1 week 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 1 week 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.