This sample demonstrates the column chooser feature in Tree Grid. Click the column chooser icon in the toolbar to open column chooser and you can select columns to hide/show from the checkbox list.
The Tree Grid columns can be shown/hidden dynamically by using column
chooser. To enable column chooser behavior, set{" "}
showColumnChooser
property as true. You can also prevent
the display of a column by setting{" "}
columns->showInColumnChooser
as false in columns
definition.
In this demo, when the user clicks column chooser icon from the toolbar then the column chooser menu will open. User can show or hide the columns by changing the state of the checkbox.{" "}
Injecting Module:
Tree Grid features are segregated into individual feature-wise
modules. To use column chooser feature, we need to inject{" "}
ColumnChooser
module into the services
.
More information about Column Chooser can be found in this documentation section.