用户界面设计网格中的大量列

时间:2013-10-31 15:55:10

标签: user-experience

用于显示具有大量列的网格的一些优秀的UX设计是什么? ================================================== =========================
我相信很多列都是绝对需要查看的,但有些可能很少需要。但是我们无法从网格中删除那些列。我们可以显示隐藏一些列 我在网格本身上寻找任何特定的UX设计,而不是在网格外面显示一个复选框,它决定网格是否显示该列... 我还需要了解它是如何实现的,或者哪个框架可以帮助我 我主要计划使用ASP.NET MVC和Angular,jQuery,但我可以自由地使用任何开源框架......

1 个答案:

答案 0 :(得分:3)

  1. 如果可以将列收集到组中(例如,对于客户表,可能有多个财务列和多个地址列),则将控件放在表外,一次显示/隐藏整组列
  2. 当根据其他几个列计算一列时,默认情况下只显示计算列,但在列标题中添加一个图标(例如,在两个方向之间,向右或向下切换的三角形)。单击该图标将显示右侧的贡献列。
  3. 只要有一列其中一列可以作为摘要,就可以使用相同的原则。您甚至可以使用组名称引入假占位符列。例如每行中具有值“Address”的列。当用户点击该标签时,地址列(街道,城市,邮政编码等)将显示在右侧。也许应用不同的背景颜色来直观地区分标签和数据列。
  4. 使用像Excel这样的冻结列选项可以在用户向右滚动时保持最左侧的列可见。
  5. 允许表格拆分为两个(或更多)部分,每个部分都有单独的水平滚动条。