Tree

When tree is configured, the grid groups will be displayed in a tree structure.

The tree structure will render each group as a tree level, and use the field property to display the last leaf

Properties

export interface TreeConstructor {
  name?: string;
  showOriginal?: boolean;
  field?: string;
  width?: number;
  menu?: Partial<MenuProps>;
}

name

This name will be used as tree column name.

showOriginal

When showOriginal is true, the original column will be displayed in the grid.

field

The field property is used to display the last leaf of the tree.

width

The width property is used to set the width of the column.

menu

The menu property is used to configure the menu of the column.

Example

Check a live example here