html表格显示大量数据的设计思路答案

【问题标题】：Design ideas for displaying large amounts of data in an html tablehtml表格显示大量数据的设计思路
【发布时间】：2009-06-16 21:41:12
【问题描述】：

我有一个 html 表，它实际上包含大约 30 列数据，我很难将其构建成无需大量左/右滚动就可以看到的方式。

我想知道的一件事是，是否有人见过列标题的巧妙之处？其中一些只是不能足够缩写，但列标题类似于“采访”，值是数字（仅标题就浪费了很多空间）。当然，我可以尝试将这些列命名为 INT 之类的名称，但是有很多名称相似的列可能会让人感到困惑。

也许某种基于鼠标移动的自动折叠列？不确定.. 我只是需要一些关于如何显示这些数据的创意建议！

【问题讨论】：

【解决方案1】：

用户很可能会花时间理解 30 列数据，无论滚动如何。

我建议显示最基本的列（名称、描述、标识号等核心内容，希望只有 10 个或更少），然后让用户打开或关闭他们需要的任何列。有点像google squared。

使用 Jquery 和 CSS 以简洁的方式完成此任务。也可能有 Javascript UI 库可以为您执行此操作（Jquery UI、YUI、其他...）

【讨论】：

【解决方案2】：

为列名创建图像并将图像中的文本旋转 90 度。然后，您可以拥有一个宽度相同的长名称。

乔什

【讨论】：

【解决方案3】：

我同意凶猛、切换列的答案是个好主意。此外，根据数据，我建议只显示几列，当用户单击他们感兴趣的行时，它会移动到专门用于该记录中数据的新页面。这适用于某些类型的数据，而不适用于其他类型的数据

【讨论】：