Grid grouping problem when using header and footer templates

[Gonzalo]

Hi,
I have a grid with  'Grouping' enabled for the grid and footerTemplate, groupFooterTemplate and groupHeaderTemplate for the columns.
I need to show the grid grouped by an specified column but should be possible to drag new columns to the group area.

The problem is that when you drag a new column to the group area the grid columns are not re-spaced correctly,  the data rows align themselves to the left, meaning many items will now be under the wrong column header.

Without the "footerTemplate, groupFooterTemplate and groupHeaderTemplate" the spacing works as it should, but with the templates in the columns,  once you drag a new column to the group area, the grid fails and spacing fails.

Here's my code with and without template.

http://jsfiddle.net/Dyb9Y/57/
http://jsfiddle.net/Dyb9Y/58/

Thanks

[Alexander Popov]

Hello Gonzalo,

This happens because the columns.aggregates option is left unspecified. Here is an updated version of your example, where the aggregates are set.

Regards,
Alexander Popov
Telerik