网格中大量列的 UX 设计


显示

具有大量列的网格有哪些好的UX设计?====
====================================================================================我相信许多专栏是绝对需要查看的,但有些可能很少需要。但是我们没有办法从网格中删除这些列。我们可以显示-隐藏一些列。
我正在网格本身上寻找任何特定的 UX 设计,而不是在网格外显示一个复选框来决定网格是否显示该列......我还需要找出它如何实现或哪个框架可以帮助我。
我主要计划使用 ASP.NET MVC和Angular,jQuery,但我可以自由使用任何开源框架......

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

最新更新