Web页面中的表格设计，远没那么简单

作为页面布局的重要组成部分，表格的身影随处可见。了解与熟知To B业务平台软件设计的工作人员都应该知道，表格在平台应用中的重要性。表格出现的概率不是一般的多，内容信息的排列布局、大量数据的展示、众多功能操作的按钮摆放，一般都会用到相应的表格，而且表格的样式类别也是多种多样。表格的设计也远远没你想象中的那没简单，可以说要想设计出满足业务需求、符合用户心智模型的表格不是那么的轻而易举。本文就来详细聊一聊表格。聊之前，我们应该明确三个词的概念：列表、表格、表单。

• ，英文释义为List。百度释义为：以表格为容器，装载着文字或图表的一种形式，叫列表。如，班主任点名的花名册，就是一个列表;QQ软件的好友列表等等。
• ，英文释义为Table，又称为表，即是一种可视化交流模式，又是一种组织整理数据的手段，主要承载数据的归纳、展示与对比的功能，是列表的一种。
• ，英文释义为Form。表单在网页中主要负责数据采集功能。如当我们注册某个网站的账号时，填写个人信息的页面，就是一个表单。

表格经常和其他界面元素一起协同使用，用于展示和操作结构化数据，并经常用于详情信息的入口。通常表格的组成元素以及相关元素会有多个部分，笔者根据自己设计表格的工作经验将表格概括为筛选区、表头、正文以及底栏等四个部分，其各个部分包含的相关元素如图所示。接下来，我们对表格的每一个部分进行讲解。

一、筛选区

筛选区可以看作表格的导航。筛选区主要包括两部分，一是筛选，二是搜索。其目的相同，都是将操作者所关注的数据展示到前面，便于查看。

无相关信息