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