表格 Table
表格大多应用于偏数据型的网站。表格的主要作用是供用户阅读数据,对数据进行操作。一个构造清晰的表格布局,将大大提升读者对信息的接收速度和理解程度。
基本规范
  1. 数据中文字内容左对齐,数字内容右对齐
  2. 当数据量很多无法一次展现完全,可以固定表格的表头或行标题列,方便用户横向或纵向滚动时阅读时对照属性
示例 Examples
基础用法
名称 状态 类型 尺寸 操作
传只员土因速 拒绝 Flash 418x994 详情
究且达 待审 Flash 930x637 详情
可提改人 待审 视频 911x842 详情
border:1px solid #ddd;
padding:0 10px
background:#fafafa;
color:#333;
thead > tr font-weight:bold
各行换色的表格
名称 状态 类型 尺寸 操作
传只员土因速 拒绝 Flash 418x994 详情
究且达 待审 Flash 930x637 详情
可提改人 待审 视频 911x842 详情
带边框的表格
名称 状态 类型 尺寸 操作
传只员土因速 拒绝 Flash 418x994 详情
究且达 待审 Flash 930x637 详情
可提改人 待审 视频 911x842 详情
表尾合计行
ID
姓名
数值 1
数值 2
数值 3
12987122
王小虎
234
3.2
10
12987123
王小虎
165
4.43
12
12987124
王小虎
324
1.9
9
12987125
王小虎
621
2.2
17
12987126
王小虎
539
4.1
15