DataGrid Column Picker
Enable default column picker by setting the AllowColumnPicking grid property to true. You can disable picking for specific columns by setting their Pickable property to false. The example below also sets ColumnsPickerAllowFiltering on the grid to make picking columns easier.
In this demo the Photo column has Pickable="false" to prevent hiding it, the Extension column uses ColumnPickerTitle="Phone Number Extension" for a custom picker label, and ColumnsPickerAllowFiltering adds a search box in the picker.
IDfilter_alt | Photofilter_alt | First Namefilter_alt | Last Namefilter_alt | Titlefilter_alt | Title Of Courtesyfilter_alt | Birth Datefilter_alt | Hire Datefilter_alt | Addressfilter_alt | Cityfilter_alt | Regionfilter_alt | Postal Codefilter_alt | Countryfilter_alt | Home Phonefilter_alt | Extensionfilter_alt | Notesfilter_alt |
|---|
Console log
Picking columns with Context Menu
You could also create your own custom column picker using the context menu. In this case you will have to track column visibility yourself.
ID | Photo | First Name | Last Name | Title | Title Of Courtesy | Birth Date | Hire Date | Address | City | Region | Postal Code | Country | Home Phone | Extension | Notes |
|---|
Console log
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT