Tree List Layout

A TreeList layout is a hierarchical layout that displays the chart in a structured list, allowing nodes to be expanded or collapsed while preserving the tree structure.

Like the normal layout, the treeList layout applies to all hierarchy levels, supporting unlimited nesting with scroll-based expand/collapse.

Treelists are added via Sub Trees.

Enable Tree List Layout

To use treeList, configure it in subTreeConfig:

tags={{
  group: {
    subTreeConfig: {
        layout: OrgChartJS.layout.treeList,
        template: 'treeListItem'
    }
  }
}}

Example:

Tree List Layout