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

Grid - Horizontal scrolling

1ChaiBeverages18.00003910 boxes x 20 bagsFalse
2ChangBeverages19.00001724 - 12 oz bottlesFalse
3Aniseed SyrupCondiments10.00001312 - 550 ml bottlesFalse
4Chef Anton's Cajun SeasoningCondiments22.00005348 - 6 oz jarsFalse
5Chef Anton's Gumbo MixCondiments21.3500036 boxesTrue
6Grandma's Boysenberry SpreadCondiments25.000012012 - 8 oz jarsFalse
7Uncle Bob's Organic Dried PearsProduce30.00001512 - 1 lb pkgs.False
8Northwoods Cranberry SauceCondiments40.0000612 - 12 oz jarsFalse
9Mishi Kobe NikuMeat/Poultry97.00002918 - 500 g pkgs.True
10IkuraSeafood31.00003112 - 200 ml jarsFalse
11Queso CabralesDairy Products21.0000221 kg pkg.False
12Queso Manchego La PastoraDairy Products38.00008610 - 500 g pkgs.False
13KonbuSeafood6.0000242 kg boxFalse
14TofuProduce23.25003540 - 100 g pkgs.False
15Genen ShouyuCondiments15.50003924 - 250 ml bottlesFalse
16PavlovaConfections17.45002932 - 500 g boxesFalse
17Alice MuttonMeat/Poultry39.0000020 - 1 kg tinsTrue
18Carnarvon TigersSeafood62.50004216 kg pkg.False
19Teatime Chocolate BiscuitsConfections9.20002510 boxes x 12 piecesFalse
20Sir Rodney's MarmaladeConfections81.00004030 gift boxesFalse
21Sir Rodney's SconesConfections10.0000324 pkgs. x 4 piecesFalse
22Gustaf's KnäckebrödGrains/Cereals21.000010424 - 500 g pkgs.False
23TunnbrödGrains/Cereals9.00006112 - 250 g pkgs.False
24Guaraná FantásticaBeverages4.50002012 - 355 ml cansTrue
25NuNuCa Nuß-Nougat-CremeConfections14.00007620 - 450 g glassesFalse
26Gumbär GummibärchenConfections31.230015100 - 250 g bagsFalse
27Schoggi SchokoladeConfections43.900049100 - 100 g piecesFalse
28Rössle SauerkrautProduce45.60002625 - 825 g cansTrue
29Thüringer RostbratwurstMeat/Poultry123.7900050 bags x 30 sausgs.True
30Nord-Ost MatjesheringSeafood25.89001010 - 200 g glassesFalse
31Gorgonzola TelinoDairy Products12.5000012 - 100 g pkgsFalse
32Mascarpone FabioliDairy Products32.0000924 - 200 g pkgs.False
33GeitostDairy Products2.5000112500 gFalse
34Sasquatch AleBeverages14.000011124 - 12 oz bottlesFalse
35Steeleye StoutBeverages18.00002024 - 12 oz bottlesFalse
36Inlagd SillSeafood19.000011224 - 250 g jarsFalse
37Gravad laxSeafood26.00001112 - 500 g pkgs.False
38Côte de BlayeBeverages263.50001712 - 75 cl bottlesFalse
39Chartreuse verteBeverages18.000069750 cc per bottleFalse
40Boston Crab MeatSeafood18.400012324 - 4 oz tinsFalse
41Jack's New England Clam ChowderSeafood9.65008512 - 12 oz cansFalse
42Singaporean Hokkien Fried MeeGrains/Cereals14.00002632 - 1 kg pkgs.True
43Ipoh CoffeeBeverages46.00001716 - 500 g tinsFalse
44Gula MalaccaCondiments19.45002720 - 2 kg bagsFalse
45Rogede sildSeafood9.500051k pkg.False
46SpegesildSeafood12.0000954 - 450 g glassesFalse
47Zaanse koekenConfections9.50003610 - 4 oz boxesFalse
48ChocoladeConfections12.75001510 pkgs.False
49MaxilakuConfections20.00001024 - 50 g pkgs.False
50Valkoinen suklaaConfections16.25006512 - 100 g barsFalse
51Manjimup Dried ApplesProduce53.00002050 - 300 g pkgs.False
52Filo MixGrains/Cereals7.00003816 - 2 kg boxesFalse
53Perth PastiesMeat/Poultry32.8000048 piecesTrue
54TourtièreMeat/Poultry7.45002116 piesFalse
55Pâté chinoisMeat/Poultry24.000011524 boxes x 2 piesFalse
56Gnocchi di nonna AliceGrains/Cereals38.00002124 - 250 g pkgs.False
57Ravioli AngeloGrains/Cereals19.50003624 - 250 g pkgs.False
58Escargots de BourgogneSeafood13.25006224 piecesFalse
59Raclette CourdavaultDairy Products55.0000795 kg pkg.False
60Camembert PierrotDairy Products34.00001915 - 300 g roundsFalse
61Sirop d'érableCondiments28.500011324 - 500 ml bottlesFalse
62Tarte au sucreConfections49.30001748 piesFalse
63Vegie-spreadCondiments43.90002415 - 625 g jarsFalse
64Wimmers gute SemmelknödelGrains/Cereals33.25002220 bags x 4 piecesFalse
65Louisiana Fiery Hot Pepper SauceCondiments21.05007632 - 8 oz bottlesFalse
66Louisiana Hot Spiced OkraCondiments17.0000424 - 8 oz jarsFalse
67Laughing Lumberjack LagerBeverages14.00005224 - 12 oz bottlesFalse
68Scottish LongbreadsConfections12.5000610 boxes x 8 piecesFalse
69GudbrandsdalsostDairy Products36.00002610 kg pkg.False
70Outback LagerBeverages15.00001524 - 355 ml bottlesFalse
71FlotemysostDairy Products21.50002610 - 500 g pkgs.False
72Mozzarella di GiovanniDairy Products34.80001424 - 200 g pkgs.False
73Röd KaviarSeafood15.000010124 - 150 g jarsFalse
74Longlife TofuProduce10.000045 kg pkg.False
75Rhönbräu KlosterbierBeverages7.750012524 - 0.5 l bottlesFalse
76LakkalikööriBeverages18.000057500 mlFalse
77Original Frankfurter grüne SoßeCondiments13.00003212 boxesFalse
  • Scrolling.razor
  • ProductService.cs
  • Product.cs
Loading the demo source code...please wait.

Description

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.

Support & Learning Resources

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