Grid Group Header Text

[Austin]

I have a Grid grouped by a column and I would like to remove the column name and just keep the value in the group header.

for example:  I am grouping by a field called ProductType..  when my grid loads, the group header displays like this  ProductType: Cars

But I want the group header to just display Cars and not the field name also.

Thanks in Advance

[Iliana Dyankova]

Hi Austin,

You can achieve this as set groupHeaderTemplate for the ProductType column. For example: 

columns: [
  { field: "ProductType", title: "Product Type",  groupHeaderTemplate: "#= value #", //....},
  //....
]

Kind regards,

Iliana Nikolova
the Telerik team

[Mark]

How do you it for Boolean fields?  For instance, I have an "Is Valid" column which shows Valid or Invalid.  I use a template for the column, but if the user groups by that field is shows "true" or "false".  How do I change the Group Header to use a conditional template?  Thanks

[Preslav]

Hello Mark,

To achieve the desired functionality use the value field of the columns.groupHeaderTemplate property. 

• https://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.groupHeaderTemplate

For example: 

groupHeaderTemplate: "#: value ? 'Valid' : 'Invalid' #"

For a runnable example, check my testing Dojo: https://dojo.telerik.com/ACUgeN

I hope this helps.


Regards,
Preslav
Progress Telerik