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


dynamically alter html tables to display on mobile

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

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

php或javascript/jquery中的解决方案将非常棒。

以下是我的意思:链接

我使用了Filament中的这种响应表方法-响应表,演示并将其转换为一个名为tableview的Jquery Mobile"扩展"-请参阅此处。

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

我将"显示"按钮和菜单从原来的示例更改为JQM自定义选择,使用它可以根据需要切换列,添加了一个过滤器(与JQM列表视图相同)、可排序的标题(只有嵌入的按钮,没有功能)、动态复选框、突出显示和其他一些东西。

扩展没有完成,除了过滤器之外,它不包含任何逻辑(排序、分页等)。

我还在开发tableview的datatables.net版本。如果你需要一个这样的例子,请告诉我。或多或少也完成了。