导语:在前一篇文章《B 端 UI 界面交互基础组件-翻页控制》中,一起学习了 B 端“翻页
控制”组件 UI 设计规范,其中包括“常规翻页”、“简单翻页”、“极简翻页”;并从
翻页控制组件的需求场景、内容布局以及交互方式等方面对以上组件进行了详尽的规范描
述;今天我们继续介绍了 B 端“表格”组件的交互规范。
一、基础表格
1. 需求场景
二维数据进行集中展示
2. 内容与布局
表格主体分为三个区域:表头、表体、统计数据。
1)表头布局
表头位于表最顶部。
一般情况下,非特殊情况,不显示序列号,存在行选择按钮时不推荐显示序号列:
有选择框无序号列:
有序号列无选择框:
在一个表格列数据中,必须制定一个关键列(对行数据具有代表意义的数据项),关健列
在首列:
在表头可见的情况下,至少保留关键列标题,其他列根据业务员场景的功能的复杂性动态
调整:
仅显示关键列与操作列标题:
仅保留关键列标题:
包含列标题、排序按钮、数据控制按钮。
列标题:
在列数据为文本类型时,局左显示; 列数据为同一单位数字时,居右显示,单位不同则
按文本类型处理; 单列中包含两项列数据定义 ...
附件列表