java - 禁用表结构

Question

我有一个使用大量嵌套表格的综合 Web 应用程序。此应用适用于桌面版/ View 。

我正在为移动 View 设置它。快完成了，但是:

例如，我正在使用 JSP 和 java 来检索搜索结果。所有这些一次显示在一行中。我无法使这一行适合移动屏幕，所以我正在寻找的是一个 JavaScript 函数来禁用表结构，并且只显示彼此下方的列，例如- 可与 opera mini MOBILE VIEW 相媲美，只需单击一个按钮，即可适应任何屏幕尺寸。我的网络应用程序运行良好，除了一些表格，例如搜索结果。我不想更改 JSP，也不想创建新页面 - 那样工作量太大!

如果连接的用户通过手持设备(有效)并禁用表格，或者使其适合屏幕，我只想包含某个 JavaScript 文件!!

我希望有人能想出一个解决方案，我已经尝试了所有的 CSS 和少量的 JavaScript 位(我不太熟悉)我有两个单独的 CSS 文件，根据您连接的媒体，它会选择正确的一个。

但是如何消除表格溢出/数据将正常显示，而不必在小型设备上左右滚动，如您所知，这非常烦人;) !?!?!?

最好的问候亚历克斯

Answer 1

尝试使用替代样式表:

tr{display:block;}
td{display:inline-block;}

...这应该允许单元格在其父行内 float 。

示例:http://jsfiddle.net/doktormolle/nu62m/