表和水平滚动 - jQuery Mobile

时间:2011-08-14 05:32:27

标签: jquery jquery-mobile cordova

我目前正在使用PhoneGap和jQuery Mobile编写应用程序。我的应用程序的一个功能是从网站提取数据并将其附加到页面上。但是,部分数据包括一个在我的Android上切断的表格(表格太宽而不适合)。解决方案是实现一个水平滚动条,但我在这方面遇到了麻烦。

有什么建议吗?

修改 这就是mobile.的样子 这就是my desktop

的样子

无论如何要向右滚动(x)?

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

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

不幸的是,表格的HTML / CSS不是很好。我可以使用jQuery .css重写大部分内容,但更快更实用的解决方案就是添加一个水平滚动条,允许我增加桌面间距。

3 个答案:

答案 0 :(得分:0)

尝试将表放入div中,并将div的css设置为“overflow:auto”或“overflow:scroll”。如果只想在一个方向上滚动,可以将“溢出”更改为“overflow-x”或“overflow-y”。即使没有溢出,“Scroll”也会显示禁用的滚动条;如果没有溢出,“auto”将不会显示任何内容,但是一旦显示就会显示滚动条。

答案 1 :(得分:0)

您可以尝试以下操作 http://jsfiddle.net/9zuxH/21/

感谢Phill Pafford

答案 2 :(得分:-1)

查看你的图片,我不建议你的桌子使用水平滚动,因为屏幕看起来很糟糕且不专业。在单独的页面中显示课程的所有详细信息。例如,课程编号,时间,可能是教师(可能都在一列中)和按钮看起来会更好。触摸/单击一行(或按钮)将导致其详细信息。