Angular 8 Remove grouping header title

[Perfect0]

I do not want to display Section/Group name on each row. As in this example:

Type Name : Lifecycle

So, instead of Type Name : Lifecycle, I just want to display Lifecycle.

Please help. I am using Angular 8 so prefer not to use jquery if possible.

 

 

[Hetali]

Hi Nick,

In order to show the Cell Value and hide the Column Title from the Kendo UI Grid Group Header, use the GroupHeaderTemplateDirective to show the value for each column. For example:

<kendo-grid-column field="ProductName">
  <ng-template kendoGridGroupHeaderTemplate let-value="value">
    {{ value }}
  </ng-template>
</kendo-grid-column>

In this StackBlitz example, the Kendo UI Grid Group Header shows the value without the field.

I hope this helps. Please let me know if I can further assist you.

Regards,
Hetali
Progress Telerik