Grid Grouping and Collapse Issue on Aggregation

2 Answers 15 Views
Grid
Ziggy
Top achievements
Rank 1
Ziggy asked on 08 May 2024, 06:44 AM | edited on 08 May 2024, 06:44 AM

Hi,

I’ve been working with the grid and have applied grouping.
Following this, I attempted to introduce aggregations for each group. I’ve observed that this functionality is only available with cell rendering, which allows for customization of each cell.
I adhered to your provided example, but I noticed a complete transformation of the grid when more than one group is defined. I’m uncertain if this is the expected behavior.
Additionally, I’ve found that the groups can no longer be collapsed.


https://www.telerik.com/kendo-vue-ui/components/grid/grouping/grouping/

 

Thanks in advance, 
Ziggy 

2 Answers, 1 is accepted

Sort by
0
Accepted
Filip
Telerik team
answered on 13 May 2024, 01:21 PM

Hi, Ziggy, 

As promised I am getting back to you, the issue with the groups not collapsing is due to missing SVG icons, here is an example that showcases how they can be added:

https://stackblitz.com/edit/iqfmmy?file=src%2FCustomCell.vue

In case you are still encountering any issues with the grouping, can you please modify the example so that the issue reproduces? This will enable me to debug it locally and see what might be causing the undesired behavior.

Regards,
Filip
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources

Ziggy
Top achievements
Rank 1
commented on 13 May 2024, 01:38 PM | edited

Hi Filip,

Thanks for the response and solution. 

The collapsing of the groups indeed works now, for which I thank you. I have found another problem with the aggregation of the groups. When you create more than one group (by dragging the header into the gridToolBar) , the data in the grid does something strange. I tried to replicate it with your example.

https://stackblitz.com/edit/iqfmmy-c18krh?embed=1&file=src%2FCustomCell.vue

Here is another example:
https://stackblitz.com/edit/6tauey?embed=1&file=src%2Fmain.vue


Regards, 
Ziggy

 

Filip
Telerik team
commented on 14 May 2024, 07:11 PM

Hi, Ziggy,

Thank you very much for the provided examples, I tested them and was able to observe the empty space issues. After further debugging the issue seems to stem from the way `colspan` was handled. Here is the updated example:

https://stackblitz.com/edit/iqfmmy-kkjj4s?file=src%2Fmain.vue

Please give the implementation above a try and let me know in case further assistance is required.
Regards,
Filip

 

Ziggy
Top achievements
Rank 1
commented on 16 May 2024, 06:29 AM

Hi Filip, 

This indeed works as expected. Thank you for the effort and solution. 

Regards, 
Ziggy
0
Filip
Telerik team
answered on 13 May 2024, 06:29 AM | edited on 13 May 2024, 01:22 PM

Hello, Ziggy,

I tested the provided example and the groups cannot be collapsed indeed as the icons are missing, I will need more time to investigate this behavior and I will get back to you by the end of today once I have more information on this matter.

Regards,
Filip
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources

Tags
Grid
Asked by
Ziggy
Top achievements
Rank 1
Answers by
Filip
Telerik team
Share this question
or