网页设计中，表格列太多了如何显示
个人在工作中碰上如题问题，一个数据量非常繁杂的报表需要展示在网页中，如何处理？
首先，讲一个很重要的屁话：
仔细推敲并沟通确定需求方的目的，只保留真正需要的部分！
好，假定沟通完依然存在非常多列表格，那么以下原则可以作为参照：
- 包容显示，增加横向scrollbar
（包容显示建议加上固定某些关键行和列的功能，以免刷到后面不知所云）
- 动态显示，增加对列显示/隐藏的控制
- 响应式，检测不同屏幕以显示不同项目
- 数据类：长的数据可以用缩写的方式，或保留较少小数位，鼠标悬浮时再用tooltip来展示
不同长度的数据展示方式
不同长度的数据展示方式
- 标题类：行标题或者列标题可以用倾斜的方式来节省列空间
- 内容类：有的内容可以用缩写辅助以颜色的方式来显示，同样达到效果
- 相关多行显示：将相关内容展示在同一列中
（非常实用，原则上依然是用增加行空间的方式来节省列空间。但是由于同一列的相关性，有时候反而比原来分列在易读性上更强。如：姓名、性别和年龄展示在同一个列中，称为用户列。）
根据相关性的多行显示方式
根据相关性的多行显示方式
在这种情况下，依然可以通过折叠次要信息来节省行的空间。
相关多行显示后依然可以折叠次要信息
相关多行显示后依然可以折叠次要信息
上一篇：按键精灵如何制作后台脚本
下一篇：前端架构师需要具备的技能
多重随机标签