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

Question

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

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

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

这是我的意思的jsFiddle：链接

Answer 1

我已经使用了来自 Filament- responsive tables , demo的这种响应式表方法， 并将其变成了一个名为 tableview 的 Jquery Mobile“扩展” - 请参见此处。

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

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

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

我还在研究datatables.net版本的 tableview。如果您需要一个工作示例，请告诉我。或多或少也做了。