Visible Columns
The TreeList allows you to programmatically hide some of its columns.
In this article:
Basics
To hide a TreeList column set its Visible parameter to false. To hide a column based on a certain condition you can pass, for example, a ternary operator or a method that returns bool - the app can provide an expression according to its logic (like screen size).
Hide a column from the TreeList. Basic example.
- the ID column is not rendered
Notes
Non-visible columns (Visible="false") will have the following behavior:
- Will not be editable.
- Templates will not be rendered.
- When using Row Template the visibility of the column should be implemented by the application in the row template itself - the treelist can only toggle the visibility of the header.
Examples
In this section you will find the following examples:
- Toggle The Visibility Of A Column On Button Click
- Hidden TreeList Column With Template
- Hide A TreeList Column Based On A Condition
Toggle The Visibility Of A Column On Button Click
The application can later the value of the Visible parameter and that will toggle the column.
Hidden TreeList Column With Template
When cell-specific templates are used, they are not rendered at all. If you are using the RowTemplate, however, make sure to handle the column visibility there as well.
- the HireDate column is not rendered
Hide A TreeList Column Based On A Condition
This example shows hiding a column based on a simple condition in its data. You can change it to use other view-model data - such as screen dimensions, user preferences you have stored, or any other logic.