How to hide the parent group header in case of multi column groupings in a Kendogrid

[Feroz]

Hi,
If I have grouped my kendogrid by multiple columns, Can I hide the header for the first column and display only the second header? Right now, after grouping by two columns, we have two headers. I can get the details of the first groupby and display in the headertemplate of the second grouping.. So, want to do away with the header created by the first grouping.
As shown in the screenshot, I want to retain the header encircled in GREEN and do away with the one in red. I would still want the grouping but just don't want the header.

[Iliana Dyankova]

Hello Feroz,

I have already replied to the same questions in you other forum thread, however I am pasting my reply here too so the other users who are interested in the same can read it: 

Generally speaking you could achieve this using the suggested approach in my previous replies, however you should use custom logic to find the correct grouping rows. As a possible approach I can suggest the following:

• Find the first group field (using dataSource' group() method):       

  //get reference to the Grid's widget
  var grid = $("#grid").data("kendoGrid");
  //get the first group field
  var firstGroup = grid.dataSource.group()[0].field;

• Get the first group field's title from the grid.options.columns array;
• Check if the grouping row contains the particular title and if yes remove this row. As an example: 
  $('#grid tbody .k-grouping-row:contains("City")').hide();  //City is the first group column's title
  
  

Regards,
Iliana Nikolova
Telerik

[Will]

How about a link to the other thread?

[Iliana Dyankova]

Hi Will,

Here is a direct link to the other thread, you could read my answer in the current thread too.

Regards,
Iliana Nikolova
Telerik

[Will]

Thanks Iliana.  Sometimes it is helpful to see the full discussion.