New to Telerik UI for Blazor? Download Free 30-day trial

Grid - Column Menu

Click the three dots in the column header to see the column menu.

The "Product Name" is excluded from the column chooser so it always remains available. The column menu is turned off for the "Discontinued" column. Locking is disabled for the "Price" column.
1Chai18.00003910 boxes x 20 bagsFalse
2Chang19.00001724 - 12 oz bottlesFalse
3Aniseed Syrup10.00001312 - 550 ml bottlesFalse
4Chef Anton's Cajun Seasoning22.00005348 - 6 oz jarsFalse
5Chef Anton's Gumbo Mix21.3500036 boxesTrue
6Grandma's Boysenberry Spread25.000012012 - 8 oz jarsFalse
7Uncle Bob's Organic Dried Pears30.00001512 - 1 lb pkgs.False
8Northwoods Cranberry Sauce40.0000612 - 12 oz jarsFalse
9Mishi Kobe Niku97.00002918 - 500 g pkgs.True
10Ikura31.00003112 - 200 ml jarsFalse
  • Column-menu.razor
  • ProductService.cs
  • ProductBindingModel.cs
Loading the demo source code...please wait.

Description

This demo shows the capabilities of the Column Menu for the Telerik Grid for Blazor. To enable it set the ShowColumnMenu parameter to true. The column menu is represented as three dots next to the name of the column in the header. You can use it to perform different customizations like sorting, filtering, freezing and unfreezing, showing and hiding columns.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.
Reload