| Tree Table | Version 2.0.0.0 |
||
|
|||
| Description | |
| The Tree Table pattern combines the tree structure’s ability to expand and collapse branches while presenting multiple dimensions of data in columns, as in a table. All objects must share the same attributes because the columns will always be the same. The row-based hierarchy is expressed by an indented outline structure. This pattern is appropriate for experienced users who have tasks that require comparing objects. |
| Pattern Set Decision Table | |
Tree Table |
|||||
How many levels of hierarchy within a data set do you require? |
4+ |
3 – 7 |
4+ |
3+ |
3 – 7 |
What is the maximum number of levels that you need to display? |
2 |
3 – 7 |
4+ |
3+ |
3 – 7 |
How many data dimensions (columns) do you require? |
1 |
2+ |
2+ |
3+ |
2+ |
What is the user type? |
Casual |
Trained/Power |
Trained/Power |
Experienced |
Power |
Is analysis of trends a primary user task? |
No |
No |
No |
No |
Yes |
Do you want to enable users to open or close branches? |
No |
Yes |
Yes |
Yes |
Yes |
Are objects sortable within groups? |
No |
Yes |
No |
No |
Yes |
| Pattern Sample | |
| The user drills into rows of a tree table in order to reveal related categories and objects. The objects and categories share common attributes. |
![]() |
| Figure 1. Drilling into rows of a tree table to view related categories and objects |
| Required Screen Elements | ||
| Component Type | Required Components | Customizable or Extendable Components |
| Tree Table | The Tree Table component is used to represent hierarchical object information. | NA |
| Related Guidelines | |
| Tree | Usage information and design guidance on the tree component |
| Tree Table | Usage information and design guidance on the tree table component |