We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Column Header on grouping grid.

I am developing Vue UI component.
I use grouping on Datagrid.
How can I do the following? 

Attachment: Untitled_af497a0c.zip

5 Replies

Thavasianand Sankaranarayanan February 20, 2019 06:14 AM UTC

Hi Michal, 

Greetings from Syncfusion. 

Based on your query we suspect that you want to do grouping in DataGrid. 

We have already discuss about the above mention query in the following documentation and demo link. 



Please let us know if you need further assistance on this. 

Regards, 
Thavasianand S. 


ST Stefan Tmusic February 20, 2019 07:35 AM UTC

Sorry.
I know the way to do grouping in Datagrid.
I want to put the column header within the group.
For instance...

Country
Inventor name
Number of patent Families
Active
Main fields of invention
kia dfadf234234324231994-2016Printing, Digital paper, Internet, Electron
John81181842102-5245Printing, Digital paper, Internet, Electron

 

Thavasianand Sankaranarayanan February 20, 2019 11:55 AM UTC

Hi Michal, 

Based on your query we suspect that you want not to render the Group header (Marked in screen shot) inside Grid rows. By default collapse/expand functions are done by using those icon which is in the row. If we remove those Group header it leads to complete layout change in Grid. So, it is not feasible to remove those Group header lines inside the Grid rows. 

Refer the screen shot. 

  

If we misunderstood your query then please get back to us. 

Regards, 
Thavasianand S. 


ST Stefan Tmusic February 20, 2019 12:28 PM UTC

Thanks for your reply.
This is the image I want.

Attachment: 1_3be4390.zip

Thavasianand Sankaranarayanan February 22, 2019 11:58 AM UTC

Hi Michal, 

Thanks for your update. 

We found that you want to remove those group header in Grid and it is not feasible to remove those headers because those rows will help you to do collapse/expand the grouped rows inside the group header. Also if we remove those rows it leads to a complete layout change to the Grid. So, it is not possible to do your requirement with Grid grouping feature.  

Regards, 
Thavasianand S. 

Loader.
Live Chat Icon For mobile
Up arrow icon