How do I merge cells?

[John Chen]

Hi there,

Need help on merging cells in Data Grid control.

for example I have data like "Customer", "OrderId", "OrderDescription"

The data are already sorted by Customer. I do not want to show the same customer repeatedly. And want to merge the cells (vertically).

Thanks,

John

[Sujith Kumar Rajkumar]

Hi John, 

Greetings from Syncfusion support. 

The Grid has column and row spanning support which allows to merge cells horizontally and vertically respectively. Since your requirement is to merge cells of the same data vertically we suggest you to use the Grid’s row spanning to achieve this requirement. This can be achieved by setting the required row span value to the rowSpan property returned in the queryCellInfo event handler of the Grid based on the cell values. This is explained in detail with preview sample in our online help documentation site which you can check for more details on this. The documentation link is given below, 

Row spanning: https://ej2.syncfusion.com/vue/documentation/grid/row/#row-spanning 

API link: https://ej2.syncfusion.com/vue/documentation/api/grid/#querycellinfo 

Please get back to us if you require any further assistance. 

Regards, 

Sujith R