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

Grid - Frozen Columns

Configurator
The Command Column is Unfrozen
Mountain-100 Silver, 381912.154438Mountain Bikes5False7/1/2018 12:00:00 AM
Mountain-100 Silver, 421912.154442Mountain Bikes5False7/1/2018 12:00:00 AM
Mountain-100 Silver, 441912.154444Mountain Bikes5False7/1/2018 12:00:00 AM
Mountain-100 Silver, 481912.154448Mountain Bikes5False7/1/2018 12:00:00 AM
Mountain-100 Black, 381898.094438Mountain Bikes5False7/1/2018 12:00:00 AM
Mountain-100 Black, 421898.094442Mountain Bikes5False7/1/2018 12:00:00 AM
Mountain-100 Black, 441898.094444Mountain Bikes5False7/1/2018 12:00:00 AM
Mountain-100 Black, 481898.094448Mountain Bikes5False7/1/2018 12:00:00 AM
Mountain-200 Silver, 381265.619538Mountain Bikes5True7/1/2018 12:00:00 AM
Mountain-200 Silver, 421265.619542Mountain Bikes5True7/1/2018 12:00:00 AM
  • Frozen-columns.razor
  • ProductService.cs
  • ProductBindingModel.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