动态更改html表以在移动设备上显示

时间:2012-04-04 20:24:46

标签: php jquery jquery-mobile html-parsing querypath

我正在创建一个移动优化网站,该网站是通过识别来自移动设备的请求动态创建的,使用php和html解析器QueryPath操纵现有页面进行移动优化。 我计划操作的一些页面包含html表格,例如this one,这些表格在移动设备上无法很好地显示。

我正在寻找一个能够处理任何行和列的任何html表并对其进行操作的函数,以便它在移动设备上显示格式良好。我正在使用jquery移动框架。

php或javascript / jquery中的解决方案会很棒。

这是我的意思:Link

1 个答案:

答案 0 :(得分:3)

我使用了Filament的这种响应式表格方法 - responsive tablesdemo 并将其转换为名为tableview的Jquery Mobile“扩展” - 请参阅here

要使用它,您只需要在HTML标记内部指定哪些列更多,更重要,更不重要,再加上相应的JQM触发器,扩展处理其余的。根据屏幕大小,将显示优先级列,而隐藏其他列。

我将“显示”按钮和菜单从原始示例更改为JQM自定义选择,您可以根据需要切换列,添加过滤器(与JQM列表视图相同),可排序标题(仅嵌入按钮,否功能),动态复选框,突出显示和其他一些东西。

扩展未完成且不包含任何逻辑(排序,分页等),但过滤器除外。

我还在研究tableview的datatables.net版本。如果你需要一个有效的例子,请告诉我。或多或少都做了。