GRID : Group by column type object

[carlos]

Hi all,

We are trying grouping by column type object , for this, we use this code:

group: function(e) {
    if (e.groups.length) {
        var isNestedGrouped;
        
        e.groups.map(function(x){
            if(x.field == "type"){
                isNestedGrouped = true;
            }
        })
        
        if(isNestedGrouped){
            e.preventDefault()
            var newGroups = [];
            this.dataSource.group().forEach(function(x){
                if(x.field != "type"){
                    newGroups.push(x)
                }
            })
            newGroups.push({field:"type.name"})
            this.dataSource.group(newGroups)
        }   
    }
}

With this code, the grouping work correctly, but the text appears in header group template it's not we need.
In the grid we can see the name of field and his value, but we want see the title of the column.

How we can do it?

Thank you in advance

[Patrick | Technical Support Engineer, Senior]

Hello Carlos,

One way in which you can manipulate the group header is to configure the columns.groupHeaderTemplate.  

    columns: [
        { field: "name" },
        {
            field: "Type",
            title: "Tipo",
            groupHeaderTemplate: "Tipo: #: value #",
        },
        { field: "year", aggregates: ["max"] }
    ],

Currently, the columns.groupHeaderTemplate does not contain the title field to utilize.  That being said, I have created a feature request with a vote on your behalf asking for this functionality to be added.  Please feel free to follow the request for potential updates and add any comments with the feature request.

Regards,
Patrick
Progress Telerik