DefaultScrolling

  • Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

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

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

DEMO
SOURCE

The TreeGrid 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 TreeGrid exceeds its element height.
  • The horizontal scrollbar appears when the sum of column`s width exceeds TreeGrid element width.

The height and width property is used to set the TreeGrid 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 TreeGrid is set to 400 and auto respectively. Now, the TreeGrid 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.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab