This is a migrated thread and some comments may be shown as answers.

Grid grouping problem when using header and footer templates

1 Answer 251 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Gonzalo
Top achievements
Rank 1
Gonzalo asked on 03 Jun 2014, 02:47 PM
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

1 Answer, 1 is accepted

Sort by
0
Alexander Popov
Telerik team
answered on 05 Jun 2014, 10:40 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Gonzalo
Top achievements
Rank 1
Answers by
Alexander Popov
Telerik team
Share this question
or