ColumnChooser

  • Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Column Chooser in ASP.NET Core Tree Grid Control

This sample demonstrates the Tree Grid column chooser feature. Click or tap the column chooser icon in the toolbar to open column chooser and you can select columns to hide/show from the checkbox list.

DEMO
SOURCE

The Tree Grid columns can be shown/hidden dynamically by using column chooser. To enable column chooser behavior, set showColumnChooser property as true. You can also prevent the display of a column in column chooser by setting columns->showInColumnChooser as false in columns definition.


In this demo, when the user clicks or taps column chooser icon from the toolbar then the column chooser menu will open. User can show or hide the columns by changing the state of the checkbox.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab