请问HN:在移动设备上展示数据表格的最佳方法是什么?
我正在开发一个包含大量数据表格的网页应用(比如产品库存、用户列表、分析仪表盘等),但移动端体验相当糟糕。在桌面端一切看起来都很好,但在手机上就显得很混乱。我尝试让表格水平滚动,但感觉很笨重。我见过一些应用将表格转换为卡片式布局,其他一些则使用可展开的行,还有一些直接隐藏列。
你发现哪些设计模式在实际应用中效果很好?有没有推荐的库或示例可以参考?如果你做过用户测试并有关于用户实际偏好的数据,那就更好了。
查看原文
I’m working on a web app with some fairly data-heavy tables (think product inventories, user lists, analytics dashboards, etc.) and the mobile experience is pretty rough.
On desktop everything looks fine, but on phones it’s a mess. I’ve tried just letting tables scroll horizontally but it feels clunky. I’ve seen some apps convert tables to card-style layouts, others use expandable rows, and some just hide columns.
What patterns have you found actually work well in production? Any libraries or examples you’d recommend checking out? Bonus points if you’ve done user testing on this and have data on what users actually prefer.