Hidden Columns
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. 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 removed/added.
Example
View Source
Change Theme:
