Jquery 如何在移动设备上处理宽表

这是一个一般性的问题。只是想知道是否有一种在移动设备上显示宽表（即许多列）的聪明方法

只是简单地解释一下，我们创建了移动站点，这些站点使用ajax从主站点加载内容，在某些情况下，这些页面包含有很多列的容器表。将整张桌子垂直放置在移动设备上的唯一方法是缩小字体大小，直到无法阅读为止

我只是想知道是否还有其他选择

---

谢谢。

我以前遇到过这个问题。。。这是一种痛苦，因为您没有足够的空间来显示整个数据

我当时的计算方法是使用可折叠项目列表。您可以创建一个列表，其中只包含每行最重要的数据，如果用户想了解该行的更多信息，可以单击该行并将其解压，显示所有细节

---

就我的2美分…

不久前发现了这种技术，并将其添加到书签以备将来使用，但从未发现有必要这样做，因此我没有玩过，但这是一个好主意：

---

您可以为每一行使用“小部件”，而不是使用表格来显示数据。这使得为移动设备设计变得更加容易，并使数据以响应的方式流动

---

示例：

如果您愿意冒险，jQuery Mobile的beta verion（如果此问题与之相关）有一个新的响应表推进：

下面是一个例子：

---

基本上，如果屏幕宽度要缩小，它会改变大小以适应宽度的变化。您可以这样使用它，即如果宽度太小，某些预定义列将隐藏。目前，这是jQuery Mobile framework上响应表的最佳解决方案。

这太酷了。我要玩一玩。好主意，好建议。但我认为对于我的特定设置，我可能必须尝试测试版jquery移动选项。感谢您的评论。@97ldave+1我创建了这个示例；）这似乎与jquery移动选项非常相似。不错。谢谢。喜欢它，***jquerymobile。这个更好。好建议。不幸的是，我的设置，我不认为这将工作。但是我有一个主意，在别的地方我可以使用像这样的东西。谢谢你的指点。