Filters for Table

Interaction Specs

Interaction Specs: 
1. User selects first filter criteria from available options.

Any combination of filters may be selected or none at all.

2. Select one or multiple check boxes from the first dropdown menu.

Click 'Apply' to proceed, or 'Clear All' to reset pulldown filter criteria.

Click the 'Apply' button. The data table refreshes to show updated data values based on the selected filter criteria.

4. Click on selected filter criteria to delete it.
4. Click on 'Reset' set to clear criteria options.

Visual Specs

Visual Specs: 
Filters for table redlines
Filters for table redlines

Pattern Summary

Pattern Summary (Unity): 

Why Use This Pattern

Table Filter enables users to manage the data result set based on predefined data table criteria. This allows for more control over what and how much data is displayed.

What is the Solution

A Table Filter allows for narrowing or broadening the records' result set. Additional filtering criteria may be expanded by providing additional selections in built into dropdowns. With each filter selection, 'Apply' options are shown, or 'Reset' to clear all options.

When to Use This Pattern

To enable users to select filter criteria to acheive a broad or narrow result set.

Do Not Use This Pattern

To edit rows.


GUI Kit contains all Unity Light theme patterns in vector format

Adobe Illustrator Download 2.1 MB
Vector PDF Download 2.7 MB

Updated November 2015