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

Grid - Frozen Columns

Configurator
The Command Column is Unfrozen
Chai 10 boxes x 20 bags 39 0 Beverages 1 False
Chang 24 - 12 oz bottles 17 40 Beverages 1 False
Aniseed Syrup 12 - 550 ml bottles 13 70 Condiments 2 False
Chef Anton's Cajun Seasoning 48 - 6 oz jars 53 0 Condiments 2 False
Chef Anton's Gumbo Mix 36 boxes 0 0 Condiments 2 True
Grandma's Boysenberry Spread 12 - 8 oz jars 120 0 Condiments 2 False
Uncle Bob's Organic Dried Pears 12 - 1 lb pkgs. 15 0 Produce 7 False
Northwoods Cranberry Sauce 12 - 12 oz jars 6 0 Condiments 2 False
Mishi Kobe Niku 18 - 500 g pkgs. 29 0 Meat/Poultry 6 True
Ikura 12 - 200 ml jars 31 0 Seafood 8 False
  • Frozen-columns.razor
  • ProductService.cs
  • ProductDto.cs
Loading the demo source code...please wait.

Description

This online example showcases the ability of the Telerik Grid for Blazor to lock its columns to provide an Excel-like behavior of Frozen columns. If you set the Locked parameter to true for a column in the component it will remain visible in the viewport when the user scrolls the Grid horizontally. Both the column content and its header will be frozen so that the information is always visible for the users.

Support & Learning Resources

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