Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Lead:  Liav Nadler   

Status
colourYellow
titleongoing
     

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 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 table 
    • 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
  • Reorder rows - unique to tree tables?

Usage & Behaviour

<< Use a visual for each sub-section >>

...