编辑导语：一点一点地理清表格的设计点，可能会使得表格更加趋于明朗。今天，本文作者为我们详细地介绍了数据表格中都有哪些设计点，通过这篇文章，可以让你很清晰地了解数据表格有哪些设计要点，以及应该如何设计。

1. 前言

在企业级中后产品中，通常大量使用表格来展示结构化的数据。合理地设计表格能给用户带来高效的信息获取率，但如何言而有物地设计表格，相信是绝大数刚入行B端的设计师的困扰。

因此，我结合了自身在实际工作中遇到的表格设计的问题，针对web端复杂业务场景下的表格该如何设计进行了探讨，希望能帮大家理清表格设计中的一些难点和困惑点。

表格（Table），又称为表，是用来收集、整理、组织、分析数据的二维矩阵。它由内、外两部分组成，其中，内部包含表头、表体、底栏等；外部包含标题、筛选区、操作按钮区等，如图：

• 标题：对表格信息内容的整体概括，可包含数据来源及属性（日期、地区等）；
• 筛选区域：表格的数据检索区，方便用户快速查询定位数据，一般位于表格上方；
• 操作按钮区：承载表格的增删改查的功能和业务处理操作；
• 表头：般指列标签，这里也指首列行标签，是对所属行或列信息的描述；
• 表体：表格的主体，承载着内容信息数据，由单元格组成；
• 底栏：主要用于统计数据总条数和记录当前位置，包含数据量、单页条目、总条目、分页等。

说完表格的组成，接下来我会对每一个部分进行讲解，探讨表格设计要点。

2. 筛选区域

筛选区可以看作表格的导航，由搜索和条件筛选两部分组成。