编辑导语：在 B 端产品中，数据主要通过表格的形式展现，表格的易读性和易操作性设计
，对提升 B 端用户的操作效率来说十分重要；本文是作者从实际工作出发，结合项目和过
去经验对于复杂业务类的表格设计的一次总结。


一、表格的介绍
1. 表格的定义
表格（Table）：又称为表，是用来收集、整理、组织、分析数据的二维矩阵；它既是一
种可视化交流模式，又是一种组织整理数据的手段。
2. 表格的构成元素
通常表格的组成元素以及相关元素会有多个部分，笔者根据自己设计表格的工作经验将表
格概括为容器、筛选区、功能性按钮、表头、表体以及底栏等六个部分。
其各个部分包含的相关元素如图所示：
容器：包含表格的所有内容。 筛选区：包括搜索和条件筛选。方便用户快速查询定位数
据，一般位于表格上方。 功能性按钮：比如常见的[新增]按钮和各种批量操作按钮。 表头
：说明数据的内容，可以包含筛选、排序等功能。 表体：包含行和列数据，按列可以分
为多选列、数据列、操作列。（多选列=多选框；数据列=呈现业务展现需要的信息；操
作列=针对单行数据的操作按钮，比如管理、编辑信息等。） 底栏：包含数据量、单页条
目、 ...