• 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 Row Spanning (API) in ASP.NET Core Data Grid Control

This demo showcases how the Grid component can automatically merged cells that contain matching data across rows and columns. When program names and timings repeat, they are visually combined into a single cell for improved readability.

DEMO
SOURCE

In this sample, the channel program names, and their timings are merged using the Grid's enableRowSpan and enableColumnSpan properties. The Channel and Genre columns remains fixed on the left side, enabled by the frozen column feature.

More information on the row spanning can be found in this documentation section

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