Hiding ColumnsPremium
Updated on Mar 4, 2026
Hiding or showing columns can be achieved by rendering them dynamically and keeping the data in the state so that the changes in the Grid can be visualized.
Start Free Trial
In the example below, the Data Grid has its columnsState property set. The hidden property of each column is controlled by the checkboxes above the Grid. The onChange event handlers cause state changes that re-render the Grid with the corresponding columns removed or added.
Change Theme
Theme
Loading ...