Using interactive data tables

Ordering controls

Ordering controls are available in each column header:

Click on or of a column to sort the table rows in the ascending or descending order
OPTION: Shift click on or to add the clicked column as a secondary, tertiary etc. ordering column

By default, the table is ordered ascending by the first column.

Search controls

Global search control

A global search control is available on the right side above the table. Fill-in one or more words (space separated) to show only the table rows containing all words.

NOTE: The search is NOT case sensitive and the words order is irrelevant.

Search Panes1

SearchPanes provide the capability to search the DataTable by selecting rows in the panes. This is very useful when it comes to adding a more accessible searching feature and custom search capabilities.

SearchPanes can search DataTables for multiple values that have been selected across multiple panes.

The top-right corner of the Search Panes provides 3 Search Panes Global controls:

Click on 'Collapse All' to collapse all the Search Panes,
Click on 'Show All' to expand all the Search Panes,
Click on 'Clear All' to clear all the Search Panes filters.

The top area of a Search Pane provides controls to show the property values:

sort by value,
and by # of occurrences.

To setup the filter:

Click on any entry in any Pane to select the first value (for instance 'Base' and 'Mono8'
Shift-click on another entry a Pane to add a value to the selection (for intance 'Medium')
NOTE: Selected values are highlighted.
NOTE: The panes are cascaded, meaning that the previously selected values in other panes are taken into account to compute the filter and the number of occurences.

Column search controls2

Column search controls are available in each column footer:

Select one entry in the drop-down of one or more columns to shown only the table rows matching all selected entries

The column search controls can be used together with the global search control

Reload the page (F5) to clear all search entries!

Info line

The info line is shown below the table on the left:

It provides the range of currently displayed entries, the count of entries matching all the search criteria and, the total count of entriesf.