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. Use QueryOnlyVisibleColumns to tell the grid to only include currently visible columns in the IQueryable query.
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.
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
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-2026 Radzen.
Source Code licensed under
MIT