Example of Column Chooser in ASP.NET Core Data Grid Control
This sample demonstrates how users can dynamically show or hide columns using the Column Chooser feature. It highlights flexible column visibility management through an interactive Grid interface.
The Column Chooser feature enables users to dynamically control the visibility of columns in the Grid. To enable this functionality, set the showColumnChooser property to true and include the “ColumnChooser” item in the toolbar. To prevent specific columns from appearing in the Column Chooser, set the columns.showInColumnChooser property to false.
Column visibility is managed by selecting or deselecting checkboxes in the Column Chooser dialog:
- By default, changes are applied to the Grid only after clicking the “OK” button.
- To apply changes instantly, set the
columnChooserSettings.modeproperty toImmediate.
In this demo, the column chooser mode can be switched using the "Immediate Column Chooser Mode" checkbox. When the column chooser button in the toolbar is clicked, it opens the dialog according to the selected mode, allowing users to show or hide columns by selecting or clearing the corresponding checkboxes.
Injecting Module:
Features of the Grid component are organized into individual, feature-specific modules. To use the column chooser and toolbar functionality, inject the required modules using Grid.Inject(ColumnChooser, Toolbar).
More information on column chooser configuration can be found in the documentation.
Looking for the full ASP.NET Core Data Grid component overview, features, pricing, and documentation? Visit our ASP.NET Core Data Grid component page.