Example of Row Spanning in ASP.NET Core Data Grid Control

This sample demonstrates the Grid component with the row spanning feature. In this sample, you will see multiple rows spanning.

DEMO
SOURCE

This feature enables you to span multiple adjacent cells. Use the rowSpan attribute to define how many cells are to be spanned in the QueryCellInfo event. Additionally, you can freeze columns at specific positions by setting the freeze property to left, right, center and fixed in the column definition.

In this demo, you can see that the Davolio cell is spanned to two rows in the employee named column. Similarly, the Lunch Break cell is spanned to ten rows and three columns in the 1:00 column. Also, the Employee ID column is frozen to the left.

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
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE