在移动设备上显示表格的最佳做法是什么？ （Web开发）

Question

我必须重新设计一个严重依赖桌面的网站，我找不到一个很好的方式来展示它们，我最感兴趣的是在Blackberry，iPhone和Android上正确显示表格。

Answer 1

不确定“显示它们的好方法”是什么意思。 你的意思是桌子对于屏幕来说太宽了吗？

iPhone＆amp; Android使用webkit，它具有出色的表支持。最近Blackberry也有很棒的桌面支持。显示html表应该不是问题。

Answer 2

我遇到了类似的问题。我主要倾向于将桌子从“水平记录”转换为“垂直记录”。也许我还会让用户选择显示哪些可用字段，然后相应地显示/隐藏这些字段。我在两种不同类型的“垂直记录”之间徘徊。第一个是一个有两列的表，但只有当一个标题因为手机宽度较窄而不能包装到多行时才会起作用。第二种类型是一行中以粗体显示的标题，然后是下一行中该“列”的数据，但稍微缩进。第二种类型的问题是它会导致很多垂直滚动和浪费的空间，但它可以容纳更长的标题标题和记录数据。

我真的不认为这里有双赢的选择。较小的屏幕尺寸确实需要较少的内容。我们不仅可以为桌面浏览器制作真正的信息表，还希望以流行用户的通用方式对其进行转换。