Data Grid - Vertical Scrolling

This demo module illustrates how to enable vertical scrolling in the DevExpress Data Grid for Blazor.

The grid height is determined by the number of rows displayed within a page. To reduce the grid's height, display the vertical scrollbar using the DxDataGrid.VerticalScrollBarMode property, and specify the height of the scrollable area (in pixels) using the DxDataGrid.VerticalScrollableHeight property.

The DxDataGrid.VerticalScrollBarMode property accepts the following values:

  • Auto - The scrollbar is automatically shown when the size of the component content exceeds the size of the component itself.
  • Hidden - The scrollbar is hidden.
  • Visible - The scrollbar is visible.
680 HL Road Frame - Black, 58 Components Road Frames 6/1/1998 12:00:00 AM
706 HL Road Frame - Red, 58 Components Road Frames 6/1/1998 12:00:00 AM
707 Sport-100 Helmet, Red Accessories Helmets 6/1/1998 12:00:00 AM
708 Sport-100 Helmet, Black Accessories Helmets 6/1/1998 12:00:00 AM
709 Mountain Bike Socks, M Clothing Socks 6/1/1998 12:00:00 AM
710 Mountain Bike Socks, L Clothing Socks 6/1/1998 12:00:00 AM
711 Sport-100 Helmet, Blue Accessories Helmets 6/1/1998 12:00:00 AM
712 AWC Logo Cap Clothing Caps 6/1/1998 12:00:00 AM
713 Long-Sleeve Logo Jersey, S Clothing Jerseys 6/1/1998 12:00:00 AM
714 Long-Sleeve Logo Jersey, M Clothing Jerseys 6/1/1998 12:00:00 AM
715 Long-Sleeve Logo Jersey, L Clothing Jerseys 6/1/1998 12:00:00 AM
716 Long-Sleeve Logo Jersey, XL Clothing Jerseys 6/1/1998 12:00:00 AM
717 HL Road Frame - Red, 62 Components Road Frames 6/1/1998 12:00:00 AM
718 HL Road Frame - Red, 44 Components Road Frames 6/1/1998 12:00:00 AM
719 HL Road Frame - Red, 48 Components Road Frames 6/1/1998 12:00:00 AM
720 HL Road Frame - Red, 52 Components Road Frames 6/1/1998 12:00:00 AM
721 HL Road Frame - Red, 56 Components Road Frames 6/1/1998 12:00:00 AM
722 LL Road Frame - Black, 58 Components Road Frames 6/1/1998 12:00:00 AM
723 LL Road Frame - Black, 60 Components Road Frames 6/1/1998 12:00:00 AM
724 LL Road Frame - Black, 62 Components Road Frames 6/1/1998 12:00:00 AM
725 LL Road Frame - Red, 44 Components Road Frames 6/1/1998 12:00:00 AM
726 LL Road Frame - Red, 48 Components Road Frames 6/1/1998 12:00:00 AM
727 LL Road Frame - Red, 52 Components Road Frames 6/1/1998 12:00:00 AM
728 LL Road Frame - Red, 58 Components Road Frames 6/1/1998 12:00:00 AM
729 LL Road Frame - Red, 60 Components Road Frames 6/1/1998 12:00:00 AM
730 LL Road Frame - Red, 62 Components Road Frames 6/1/1998 12:00:00 AM
731 ML Road Frame - Red, 44 Components Road Frames 6/1/1998 12:00:00 AM
732 ML Road Frame - Red, 48 Components Road Frames 6/1/1998 12:00:00 AM
733 ML Road Frame - Red, 52 Components Road Frames 6/1/1998 12:00:00 AM
734 ML Road Frame - Red, 58 Components Road Frames 6/1/1998 12:00:00 AM

Data Grid - Horizontal Scrolling

This demo module illustrates how to enable horizontal scrolling in the DevExpress Data Grid for Blazor.

Use the DxDataGrid.HorizontalScrollBarMode property to specify the horizontal scrollbar’s display mode:

  • Auto - The scrollbar is automatically shown when the size of the component content exceeds the size of the component itself.
  • Hidden - The scrollbar is hidden.
  • Visible - The scrollbar is visible.
680 HL Road Frame - Black, 58 Components Road Frames 6/1/1998 12:00:00 AM
706 HL Road Frame - Red, 58 Components Road Frames 6/1/1998 12:00:00 AM
707 Sport-100 Helmet, Red Accessories Helmets 6/1/1998 12:00:00 AM
708 Sport-100 Helmet, Black Accessories Helmets 6/1/1998 12:00:00 AM
709 Mountain Bike Socks, M Clothing Socks 6/1/1998 12:00:00 AM
710 Mountain Bike Socks, L Clothing Socks 6/1/1998 12:00:00 AM
711 Sport-100 Helmet, Blue Accessories Helmets 6/1/1998 12:00:00 AM
712 AWC Logo Cap Clothing Caps 6/1/1998 12:00:00 AM
713 Long-Sleeve Logo Jersey, S Clothing Jerseys 6/1/1998 12:00:00 AM
714 Long-Sleeve Logo Jersey, M Clothing Jerseys 6/1/1998 12:00:00 AM