我正在创建一个移动优化网站,该网站是通过识别来自移动设备的请求动态创建的,使用php和html解析器QueryPath操纵现有页面进行移动优化。 我计划操作的一些页面包含html表格,例如this one,这些表格在移动设备上无法很好地显示。
我正在寻找一个能够处理任何行和列的任何html表并对其进行操作的函数,以便它在移动设备上显示格式良好。我正在使用jquery移动框架。
php或javascript / jquery中的解决方案会很棒。
这是我的意思:Link
答案 0 :(得分:3)
我使用了Filament的这种响应式表格方法 - responsive tables,demo 并将其转换为名为tableview的Jquery Mobile“扩展” - 请参阅here。
要使用它,您只需要在HTML标记内部指定哪些列更多,更重要,更不重要,再加上相应的JQM触发器,扩展处理其余的。根据屏幕大小,将显示优先级列,而隐藏其他列。
我将“显示”按钮和菜单从原始示例更改为JQM自定义选择,您可以根据需要切换列,添加过滤器(与JQM列表视图相同),可排序标题(仅嵌入按钮,否功能),动态复选框,突出显示和其他一些东西。
扩展未完成且不包含任何逻辑(排序,分页等),但过滤器除外。
我还在研究tableview的datatables.net版本。如果你需要一个有效的例子,请告诉我。或多或少都做了。