表和水平滚动-jQuery Mobile

我目前正在使用PhoneGap和jQuery Mobile编写一个应用程序。我的应用程序的功能之一是从网站中提取数据并将其附加到页面上。然而，部分数据包括一个在我的Android上被切断的表格（表格太宽了，放不下）。解决方案是实现一个水平滚动条，但我在这样做时遇到了困难

有什么建议吗

编辑： 这就是它在电视上的样子 这就是它在电视上的样子

是否仍要向右滚动（x）

编辑2: 我正在格式化的不是我的HTML。我基本上是从一个成功的ajaxget调用中获取HTML并将其转储到页面上

$('#insert').html(raw_output);

---

不幸的是，表的HTML/CSS不是很好。我可以使用jQuery.css重写其中的大部分内容，但更快、功能更强大的解决方案是添加一个horiz scrolbar，允许我增加表格的间距。

尝试将表格放入一个div，并将div的css设置为“溢出：自动”或“溢出：滚动”。如果只希望“溢出”向一个方向滚动，则可以将“溢出”更改为“溢出-x”或“溢出-y”。“滚动”将显示禁用的滚动条，即使没有溢出；如果没有溢出，“自动”将不会显示任何内容，但一旦溢出，将显示一个滚动条。

查看您的图像，我不建议对您的表格进行水平滚动，因为屏幕看起来很糟糕，已经不专业了。在单独的页面中显示课程的所有详细信息。例如，课程号、时间、可能的讲师（可能都在一列中）和按钮看起来会更好。触摸/单击一行（或按钮）将显示其详细信息

您可以尝试以下方法

---

感谢Phill Pafford

发布您遇到问题的代码，并告诉我们具体问题是什么。异常或某些内容未显示？使用图像编辑。我试过overflow:scroll和其他东西，但没有用。我想知道问题是jquery.mobile.css和数据角色页面当您使用溢出时，是否设置了元素的宽度？我仍然认为我们可以帮助您更好地使用代码。您能发布您的代码（html）吗？至于屏幕设计，您真的认为有必要在手机中包含桌面的所有列吗？您可以隐藏一些列和列内容，因为它们在移动设备的表视图中看起来并不好。是的，我将宽度设置为设备宽度。我不确定webkit中是否支持滚动条。感谢您的帮助，farstyle=“overflow:scroll”在我的桌面浏览器上运行得非常好，但在移动webkit上无法运行（没有滚动条出现，您也无法滚动）。嗯，我以前从未真正为移动编程过。。。我在谷歌上搜索了一下，发现了一些关于ScrollView或“android:scrollbars”属性的文章；你试过这两种吗？但是想要在没有显示溢出、溢出-x、溢出-y的iOS浏览器中使用。。。。