Example of Row Spanning in React Grid Component

/
/
RowSpanning

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

More Details...

Loading....
Description

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.

Injecting Module:

Grid features are separated into feature-wise modules. To use the frozen rows and columns feature, inject the Freeze module using the Grid.Inject(Freeze) method.

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