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.

Documentation: grid, column.

Example
Edit Source

Photo

First Name

Last Name

Title

Title Of Courtesy

Birth Date

Hire Date

Address

City

Region

Postal Code

Country

Home Phone

Extension

Notes

No records to display.

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.

Example
Edit Source

ID	Photo	First Name	Last Name	Title	Title Of Courtesy	Birth Date	Hire Date	Address	City	Region	Postal Code	Country	Home Phone	Extension	Notes
No records to display.

Console log

Supercharge your Blazor development with Radzen

Whether you prefer a standalone environment or integration directly within Visual Studio, Radzen provides a powerful toolkit to increase development speed, reduce repetitive coding, and focus on building exceptional applications.

Pro

Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles.

Learn More

New

Radzen Blazor for Visual Studio

Radzen Blazor for Visual Studio extension streamlines Blazor development within the Visual Studio environment. The Blazor extension you need to boost productivity!