Visible Columns
The Grid allows you to programmatically hide some of its columns.
In this article:
Basics
To hide a Grid 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 Grid. Basic example.
Notes
Non-visible columns (Visible="false") will have the following behavior:
- Will not be editable.
- Will not be exported in excel export.
- Will not be visible when the data is grouped.
- Templates will not be rendered.
- When using Row Template the visiblity of the column should be implemented by the application in the row template itself - the grid can only toggle the visibility of the header.
- You can control the visibility of the column through the Grid State.
Examples
In this section you will find the following examples:
- Toggle The Visibility Of A Column On Button Click
- Hidden Grid Column With Template
- Hide A Grid 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 Grid 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 visiblity there as well.
Hide A Grid 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.