Lead: Liav Nadler Status colour Yellow title ongoing
Related Pages: << Links to related pages, if relevant >>
| Table of Contents |
|---|
Description
A tree table is a type of data table, where each row can be expanded to reveal related child rows
Basic Flow
A tree table is similar to a basic table, with the exceptions described below:
- The first column of the table (e.g Name):
- Cannot be moved
- Contains icons on each row, allowing the user to expand and collapse them
- By default all row rows are collapsed
- Expanding a row reveals at least one child row
- On child rows:
- The text of the first column is indented in relation to parent rows
- The first column contains an icon, representing the child parameter (e.g. path) Optional?
- The text of the first column is a like, allowing the user to move to the item page Optional?
- All other cells are similar to the parent rows
- All other cells may be similar to the parent rows or blank (if child row does net share the same values)
- If the table has a checkboxes column, clicking a parent checkbox will check all child checkboxes. For more information see Checkboxes
- Table rows may be draggable (see example above). For more information see Drag & Drop
Usage & Behaviour
<< Use a visual for each sub-section >>
...