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

Example of Row Spanning (API) in ASP.NET Core Tree Grid Control

This sample demonstrates how the Tree Grid automatically merges adjacent cells containing same value across both rows and columns.

DEMO
SOURCE

In this demo, the "Start Date", "End Date", "Status", and "Permit Status" columns are merged when they share the same value. Row and column spanning can be enabled by setting enableRowSpan and enableColumnSpan to true, allowing the Tree Grid to merge adjacent cells both horizontally and vertically.

The "Phase Name" column remains frozen on the left side, achieved using the freeze property in the column definition.

More information on the Tree Grid component can be found in this documentation section.

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