Kendo Grid Group Header Template Breaks During Layout Editing

[Rosemarie]

This was my original reference for aligning the aggregates in their respective columns in the groupHeaderTemplate.

https://docs.telerik.com/kendo-ui/knowledge-base/grid-align-group-header-with-cells

A requirement is to have the grid have an editable layout, i.e., hide/show columns, be grouped differently, rearrange columns, etc.

By default, the grid is working properly, following the reference above.

But once you do edit the layout (e.g., hiding the tasksCompleted column) of the grid, the groupHeaderTemplate no longer works properly. As is expected because the column or table td's are defined and fixed.

Any ideas on how to properly set up the groupHeaderTemplate is much appreciated.

Here is the updated Kendo UI Dojo link as reference of the issue: https://dojo.telerik.com/IYuGOraj/2

[Georgi Denchev]

Hello, Rosemarie,

Thank you for the provided dojo.

You could call the dataBound code from within the columnShow and columnHide events as well, in order to update the colspan when you hide/show a column, however there will probably be other problems down the line.

Generally speaking, if you wish to display an aggregate over every column, you should utilize the groupHeaderColumnTemplate instead.

Dojo:

https://dojo.telerik.com/@gdenchev/aRayOgOc 

Let me know if you have any questions.

Best Regards,
Georgi Denchev
Progress Telerik

[Rosemarie]

Hi,

Thanks for the reply.

This approach is mostly working.

However, the same issue is happening when you try to change the grouping of the grid.

Any other options?

[Georgi Denchev]

Hi, Rosemarie,

If you wish to change the field by which the data is grouped, you'll have to specify the aggregates in the columns configuration.

Updated example:

https://dojo.telerik.com/@gdenchev/aRayOgOc 

Let me know if you face any other issues.