问题概述
用户想按列对表格中的数据进行分类过滤。
示例
用途
- 用于当结果中的数据量巨大,一个页面显示不下时;
- 用于当表格中至少一列中的内容可以抽象出过滤条件时[1]。
解决方案
提供下拉列表,列表中包含多种分类,用户选择不同的分类对数据进行过滤。用户选择某个分类,然后点击“过滤”或类似功能(例如用户提交表单),最后表格中只显示属于该分类的行。
另外,可以增加多个过滤条件,这样的话,要注意当在某下拉列表中选择分类后,相应地更新其它下拉列表中的分类集合内容——因为在某个下拉列表中选择的分类可能不能出现在其它下拉列表的分类集合中[2]。
说明
在表格中增加过滤功能,允许用户减少表格中显示的内容。过滤功能可以缩小查询结果集,帮助用户找到更确切的内容。
原文地址:http://ui-patterns.com/patterns/TableFilter
[1]原文:Use when one or more table columns can easily be summarized into categories to filter by.
[2]原文:Optionally, multiple filters can be added. If this solution is chosen, you must be aware to update the categories of each dropdown box accordingly when one category is selected – as the selecting values in one category might reduce the options left in another.