• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Mode Selection
Theme Selection
*Translated by Google Translator.
Essential Studio
All Controls

Example of Default Scrolling in ASP.NET Core Data Grid Control

This sample demonstrates the Grid component with the horizontal and vertical scrollbars to view the exceeded grid content.


The Grid will show scrollbar when the content exceeds the element width or height. The vertical and horizontal scrollbar will be displayed based on the following criteria.

  • The vertical scrollbar appears when the total height of rows present in Grid exceeds its element height.
  • The horizontal scrollbar appears when the sum of column`s width exceeds Grid element width.

The height and width property is used to set the Grid height and width respectively. The value of these properties can be a numeric value, pixel(px) or percentage (%).

In this demo, the height and width property of the Grid is set to 410 and auto respectively. Now, the Grid will render with vertical scrollbar when the total height of rows exceeds its element height and horizontal scrollbar will appear when the total column width exceeds the element width.