Re:Show HN: Grid.js – Advanced table library that works ever...
by irrational on Friday June 05, 2020 @04:07AM
(#23426159)
I'd like to see an example of a very wide table (maybe 30 columns). I want to see how it would look on a phone in portrait mode.
[ Parent
| on HN ]
Re:Show HN: Grid.js – Advanced table library that works ever...
by afshinmeh on Friday June 05, 2020 @05:19AM
(#23426534)
Sure! I'm currently working on this one and will push a fix today.
Re:Show HN: Grid.js – Advanced table library that works ever...
by dirtnugget on Friday June 05, 2020 @04:24AM
(#23426245)
That’s something I would never like to look at on my phone tbh
Re:Show HN: Grid.js – Advanced table library that works ever...
by irrational on Friday June 05, 2020 @05:00AM
(#23426442)
But, someone is going to try to do it. Tables on a large screen are easy. The real test of how good a table library is is how it handles small screen sizes. Some libraries drop out columns. Others switch to a vertical format. Some just let scrollbars handle it. I can think of about 10 different ways this is commonly handled. I'd like to see how this library does it.
Re:Show HN: Grid.js – Advanced table library that works ever...
by dirtnugget on Friday June 05, 2020 @06:12AM
(#23426867)
Yeah but I don’t think there is an instant where showing more than 4 columns on a mobile is readable. I think this lib still squeezes it into the viewport, gotta set minWidth manually. Pretty standard
Re:Show HN: Grid.js – Advanced table library that works ever...
by rejschaap on Friday June 05, 2020 @05:39AM
(#23426637)
Some users will be irrational
Re:Show HN: Grid.js – Advanced table library that works ever...
by dirtnugget on Friday June 05, 2020 @06:24AM
(#23426955)
And you cannot please every irrational user. There just no good way to show wide tables on a narrow screen. It’s like trying to transport a load which exceeds the dimensions of its truck. Sure you can in theory drive it if it doesn’t collapse right away but that doesn’t mean you should.
Re:Show HN: Grid.js – Advanced table library that works ever...
by rezonant on Friday June 05, 2020 @08:24AM
(#23427671)
All apps should work well on mobile. If you have a use for a table at all, you must also consider how it works for a mobile user. Whether that means dropping columns, replacing it with a list, handling horizontal scrolling or whatever, you should be doing it. If you pull in this library and then have to do that yourself, why not just implement the table yourself, since getting the advanced features like paging to work in such a dual view setup (table on desktop, list on mobile) would likely be more work than just making a table yourself....
Re:Show HN: Grid.js – Advanced table library that works ever...
by irrational on Friday June 05, 2020 @07:07AM
(#23427214)
Out of all the ways the table library designers have tackled this issue, which one do you think is the least bad?
Re:Show HN: Grid.js – Advanced table library that works ever...
by dirtnugget on Friday June 05, 2020 @01:40PM
(#23431381)
I as a frontend developer think that tables simply are not made for a portrait mobile phone. Needs a different UI concept, e.g. cards in a vertical list. That way it is possible to show all info at the same time, while only having to scroll one direction. Tables which exceed the window width and height are terrible to use.
Tables are naturally wide while phones are naturally narrow. Why try to make it fit? Reminds me of the kid which tries to cram a star shaped piece of wood through a round hole.
Re:Show HN: Grid.js – Advanced table library that works ever...
by irrational on Friday June 05, 2020 @03:13PM
(#23432618)
I’m not saying the table library must make it fit. But the table library must address the issue. Having the library convert the table into vertical cards is a perfectly acceptable solution. But the library must handle doing that.
Re:Show HN: Grid.js – Advanced table library that works ever...
by dirtnugget on Saturday June 06, 2020 @04:01AM
(#23437536)
I can see that this is not a common do which libraries do because the decision when to break it down into a new component and how that is structured still requires some human thought. There is no one-size-fits-all yet, sadly.