Using this Component
Tree tables are used to display structurally hierarchical lists of object references and metadata
Tree tables can contain a wide variety of information and interface components, but should be used only when the hierarchical relationships between the rows is important. Like UIPlatformTable, tree tables can have actions & interactive elements within the rows. The table’s actions & columns are determined by Alation.
Each row of the tree table can be expanded if that row has children present in the table contents. The nesting structure of the rows should reflect the taxonomy of the contents.
To display raw data or query results, use a UIDataTable. To show information that does not have the hierarchical structure use a UIPlatformTable. For more information on when each table type is appropriate, see the Types of Data learn Fabric module.
Tree tables have some number of expandable rows, depending on the contents. They may also have various other actions both at the table-level, and the row-level, depending on the implementation.
When a row is expandable, a clickable disclosure arrow is left-aligned within the row. This action toggles the opening and closing of that row’s children. When a row has no children to display, this arrow is not shown.
Actions that control the table view, including filtering & pagination, are build into the tree table.
Component code details for this component are not currently available, but we're working on it!
Checkout this UIKit component's code and comments in the codebase for usage examples, props, and more.