禁用表结构

Question

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

我正在为移动视图设置它。这几乎完成了，但是：

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

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

我希望有人能够提出解决方案，我已经用 CSS 尝试了所有的东西，并且几乎没有 JavaScript 位（我不太熟悉） 我有两个单独的 CSS 文件，根据你连接的媒体，它会选择正确的。

但是如何摆脱表格溢出/数据可以很好地显示，而不必在小型设备上左右滚动，你知道这很烦人;) !?!?!?

最好的问候 亚历克斯

Answer 1

尝试使用其他样式表：

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

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

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