See also: Data Tables
Lead: Liav Nadler Status colour Yellow title ongoing
| Table of Contents |
|---|
Description
A column picker is a component pattern allowing the user to select and reorder columns in a data table
Usage & Behaviour
General guidelines
- The column picker appears inside a dialog box named Set Columns
- It is triggered by clicking the Columns option on the column contextual menu
- The dialog box contains two lists of items:
- Selected Columns (on the right): a list of the currently displayed column in of the data table
- Available Columns Columns (on the left): a list of all other available columns for that table
- Between the two list there is a set of buttons, allowing the user to move items between lists (see below)
- Under the selected columns list there is a set of buttons, allowing the user the reorder the selected items (see below)
- Next to the selected columns title there is an indicator, showing the number of selected items out of the total number of items Each list contains a search baritems (e.g. 7/22)
- At the top of each list there is a search bar, allowing the user to quickly locate a specific item
- If the number of items on in a list is large enough to exceed its container, a scroll bar will appear appears
Order
- The selected columns list will show shows the list of currently displayed columns in the same order as on the original table
- The available columns list will be is ordered alphabetically
States
...
- Clicking an item selects it. The user can select more than one item on the list, using the Ctrl (or Command) key for discrete selection, or the Shift key for a block selection
- Selecting items in on a list deselects all the items on the other list
Moving items between lists
...