编辑导语:B 端产品里,表格和树形控件无疑都是常用组件。在上篇文章中,作者介绍了
B 端产品中的基础类组件和表单。今天,作者便接着介绍了表格和树形控件。让我们一起
了解一下吧。
一、表格
表格类组件为中后台界面数据展示提供了用户快速浏览和定位数据的方式。表格组件的使
用要注意以下几点:
将重要的数据和用户操作频率较高的数据放置靠前的位置; 将关联性较高的数据邻近排
列; 重要字段和数据保证让用户可以看完整; 数据格式保持合理展现,如使用千分位帮
助用户阅读,脱敏部分的数据用 “*”展现。
1. 设计原则
1)清晰
使用表格呈现大量数据的时候,要保持界面排版清晰,例如文字左对齐,数字右对齐,长
度一样的数据居中对齐。
2)灵活
针对不同用户对表格数据使用的不同需求,表格提供合理的筛选、排序等功能。
3)完整
数据是表格的主体,表格数据不能被截断,或者重要数据用户看不全。例如时间数据要保
持视觉完整。
2. 斑马纹表格
当表格数据量大,且需快速扫描浏览并定位获取所需数据时,使用斑马纹表格样式。
3. 无斑马纹表格
当表格数据量不大,且数据很容易定位时,可使用无斑马纹表格样式。
...
附件列表