Highlights

1. In-line Editing: Edit data directly from the table
2. Table Actions: Perform an action on one or many rows
3. Bulk Select Rows: Use ctrl+click or cmd+click to select a range of rows
4. Data Refreshing: Refresh table data without refreshing the whole page
5. Resizing Columns: Customize each column width to your preference

The Basics

Depending on the scope and type of data, the tables can take many forms and display different behavior.

Data Loading

For tables that can have hundreds or thousands of rows of data, the data is fetched in smaller chunks in order to optimize performance. Due to not having the full data set, some functionality is either limited or not accessible for these tables.

Smaller tables that fetch all data at once have no restrictions and include all appropriate functionality.

Search

Search on larger tables is typically restricted to the row identifier like Order ID, while small tables with complete data sets can be searched on any column value.

Pagination

Whenever a table has limited screen real estate, it will be paginated instead of using a continuous scroll. For large tables that do not have the full data set, the table cannot tell how many pages there are so the final page is not shown in the paginator.

Column Customization

Many tables that include organization-sepecific data, like tags and datapoints, allow each user to customize the columns in their tables to better visualize what’s most important to their role. Look for the gear icon to start customizing!

Advanced Features

In-Line Editing

Many tables allow in-line editing of string values. Click the pencil icon to enter edit mode, select a cell to make changes. To save, press Enter or click the checkmark. To cancel changes, press Esc. When all desired changes have been made, deselect the pencil icon to return to view only mode.

Table Actions

Any table with checkboxes to the left of each row has a list of actions that can be performed on one or many rows. Check the box in the rows of interest and then select the desired action from the actions dropdown. Certain actions can only be performed on rows that meet a set of criteria, if an action cannot be performed on the selected rows it will be disabled in the actions list.

Bulk Select Rows

When selecting rows to perform an action, you don’t need to check every box! Use ctrl+click or cmd+click to select all rows between the last row selected and the current selected row.

Data Refreshing

Table data can be refreshed without refreshing the whole screen. See when the data was last refreshed and manually refresh the data at the top of the table.

Resizing Columns

Columns can now be resized to show as much or as little information in a column as necessary. Click and drag the right divider of the column header to resize or double click to auto-fit.