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

Question

我正在创建一个移动优化网站，该网站是通过识别来自移动设备的请求、使用 php 和 html 解析器将现有页面操作为移动优化来动态创建的，QueryPath 。我计划操作的一些页面包含html表格，例如this one ，这在移动设备上显示不佳。

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

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

这是我的意思的 jsFiddle:Link

Answer 1

我使用了 Filament 的这种响应式表格方法 - responsive tables , demo并将其变成名为 tableview 的 Jquery Mobile“扩展” - 请参阅 here .

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

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

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

我也在开发 datatables.net表格 View 的版本。如果您需要这方面的工作示例，请告诉我。或多或少也完成了。