New to Telerik UI for Blazor? Download Free 30-day trial
Grid - Custom Column Menu
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Click the three dots in the column header to see the column menu and open the "Columns" section for a customized view of the column list.
ID | Product Name | Price | In stock | Quantity per unit | Discontinued |
---|
1 | Chai | 18.00 | 39 | 10 boxes x 20 bags | False |
2 | Chang | 19.00 | 17 | 24 - 12 oz bottles | False |
3 | Aniseed Syrup | 10.00 | 13 | 12 - 550 ml bottles | False |
4 | Chef Anton's Cajun Seasoning | 22.00 | 53 | 48 - 6 oz jars | False |
5 | Chef Anton's Gumbo Mix | 21.35 | 0 | 36 boxes | True |
6 | Grandma's Boysenberry Spread | 25.00 | 120 | 12 - 8 oz jars | False |
7 | Uncle Bob's Organic Dried Pears | 30.00 | 15 | 12 - 1 lb pkgs. | False |
8 | Northwoods Cranberry Sauce | 40.00 | 6 | 12 - 12 oz jars | False |
9 | Mishi Kobe Niku | 97.00 | 29 | 18 - 500 g pkgs. | True |
10 | Ikura | 31.00 | 31 | 12 - 200 ml jars | False |
- Custom-column-menu.razor
- ProductService.cs
- ProductDto.cs
Loading the demo source code...please wait.
Description
The Telerik Blazor Grid provides a column menu chooser template that allows you to customize the column list.