How to add Label between the data grid rows(content)

[Punith B N]

Hi team, 

As I am working on the ejs-grid. I need to add a label between the rows to identify/separate the grid rows respectively as shown below  (Labeled Grid Data.png). Can u please help me to add the solution for the above requirement.

For E.g COL (Cases on Loan)  and ROL (Return on Loan) as shown in the image

Thanks, 

Punith BN

[Rajapandi Ravi]

Hi Punith,

Greetings from Syncfusion support

Currently we are working on your query with your shared information, and we will update you the details on or before 25^th July 2022. Until then we appreciate your patience.

Regards,

Rajapandi R

[Rajapandi Ravi]

Hi Punith,

Thanks for your patience

Based on your shared screenshot we could see that you are requirement was related to our Grouping feature of Grid. The Grid has options to group records by dragging and dropping the column header to the group drop area. When grouping is applied, grid records are organized into a hierarchical structure to facilitate easier expansion and collapse of records. Please refer the below documentation and sample demos for more information.

Documentation: https://ej2.syncfusion.com/vue/documentation/grid/grouping/grouping/#grouping

Sample Demos: https://ej2.syncfusion.com/vue/demos/#/material/grid/grouping.html

You can customize the group caption by using the groupSettings.captionTemplate property. Please refer the below code documentation for more information.

Documentation: https://ej2.syncfusion.com/vue/documentation/grid/grouping/caption-template/

If we misunderstood anything wrongly, please share the below details that will be helpful for us to provide better solution.

1)       Share us your exact requirement scenario step by step with detailed description.

2)       Explain your requirement scenario with pictorial representation or video demonstration.

Regards,

Rajapandi R