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

筛选是将一类数据展示出来，而将其他类型的数据隐藏。当表格数据的类型多于两种时，则考虑采用筛选条件。筛选条件在顶部，共七个。因为筛选条件存在交叉，所以都展示在顶部。选择条件以后，需点击才能触发筛选。筛选条件在顶部，因为筛选条件不存在交叉，所以实时筛选。

1. 对于筛选条件没有交叉的场景，当条件少于五个，制作成table切换;超过五个少于二十个，采用下拉选择;多与二十五个，为下拉选择添加模糊匹配设置，并配备实时刷新;
2. 对于筛选条件有交叉的场景，建议采用展开形式，并配备手动加载刷新。
3. 对于需输入筛选条件的场景，如日期筛选条件，单独处理，展示出来。

搜索是目的在于定点查看。搜索的使用场景是操作者要查看某一特定数据，输入相应的条件，进行搜索，页面对所搜索的数据进行展示。搜索框紧跟筛选条件，并配有确定搜索按钮。当存在多个搜索输入框时，用高级搜索打包收起，点击展开，同时，配备搜索与重置按钮。点击右上角的漏斗可以设置高级搜索条件的显示与隐藏。

1. 搜索输入框尽量采用模糊搜索，不要让用户去辨认、识别要输入的内容;
2. 对于多个搜索条件交叉搜索的场景，建议采用高级搜索按钮，将其打包收起，并配置重置按钮，便于一键清空所有搜索条件，便于接下来的搜索。

二、表头

表头是对表格数据的操作，包括行标签、操作工具等。有些简单表格，将表头与筛选区合并，将筛选条件、搜索杂糅在一起。

无相关信息