Dynamically Show/Hide Columns in the Grid


Product Version4.5.0
ProductProgress® KendoReact


How can I dynamically show or hide the columns in the grid?


In order to achieve this, the Columns of the Grid should be rendered dynamically and the data for the Columns should be kept in the state, so that the changes in the Grid can be visualized. In the example below, each Column has a show property which determines whether that Column is shown. There are checkboxes above the Grid whose onChange event handlers cause the state change and thus cause the re-rendering of the Grid with the corresponding columns missing/added.

View Source
Change Theme:

In this article

Not finding the help you need?