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

Grid - Horizontal scrolling

  • Scrolling.razor
  • ProductService.cs
  • ProductDto.cs
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming


The ability to scroll a data grid is paramount. This Telerik UI for Blazor Grid demo showcases the ability of the Grid to be vertically and horizontally scrolled. If you want to enable horizontal scrolling you need to set an explicit width to all columns and their cumulative sum must be bigger than the one set to the component through the Width parameter. To scroll the Grid vertically the cumulative height of the rows should be greater than the Height of the component.
This Blazor Data Grid Horizontal scrolling example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

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