This sample demonstrates dynamic show hide columns feature of Grid. Click column name from the toolbar to toggle visibility.
The Grid column can be showed/hidden dynamically using
ShowColumns and
hideColumns method of the Grid.
In this demo, the columns can be showed and hidden by clicking the column name in the toolbar. And the column`s visibility is toggled based on the
columns->headerTextvalue.
The columns->visible property specifies the visibility of a column. To hide a column at the initial rendering, set the columns->visible property to false.