Actions for Table

Interaction Specs

Interaction Specs: 

View list of items.

1. View list on the data table for bulk actions available.

2. Hover and highlight each row to view selection.
3. Select one or more check boxes.

Check the boxes to view the actions linked to the selected items displayed accordingly.

Ensure users can navigate to and modify the checkboxes using only the keyboard.

4. Show more actions available in the dropdowns.
5. Column header will not scroll.

Note alternating row background shade.

6. Selected row remains at the top while scrolling.

Visual Specs

Visual Specs: 

Pattern Summary

Pattern Summary (Unity): 

Why Use This Pattern

Table Bulk Actions allow the user to access a variety of features to manipulate a columns and rows on a grid table. The gripper provides an easy to use feature to manipulate a single row, or multiple rows, within the table.

What is the Solution

To identify and understand the use of the row gripper, by having the availability to move a selected row(s) within the multiple of rows to the top for editing.

Dropdowns offer additional actions. Select row(s) for navigation and modify, then;

  • Select from dropdown tabs to perform additional actions.
  • Select to freeze while scrolling.

When to Use This Pattern

When working with a single or multiple rows within the table.

Do Not Use This Pattern

For setting up, or using the header to scroll.

Do Not Use This Pattern

When a data table grid does need manipulation by the user.

GUI Kit

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