Add ClientGroupHeaderTemplate without showing column

[Nils]

Hey everyone,

I'm trying to create a small grid for "articles" which is grouped by "articleGroup".
Now the plan is to change the ClientGroupHeaderTemplate, to add a checkbox to check all sub elements, for the group without showing it as a column in the grid.

I can set the grouping in the dataSource, but I struggle to add the checkbox to the group header without adding it as a column.

 

Html.Kendo().Grid<ArticleViewModel>()
                   .Name("articleGrid")
                   .Columns(c =>
                   {
                       c.Select().Width(50);
                       c.Bound(x => x.ArticleNo);
                   })
                   .DataSource(dataSource => dataSource
                                   .Ajax()
                                   .PageSize(50)
                                   .GroupPaging(true)
                                   .Group(x => x.Add(y => y.ArticleGroup))
                                   .Read("GridRead_Whitelist", "Plot"))

 

Best regards

Nils

[Nils]

Okay, my bad 😐

Just 2 min after I posted this and searched for over 2 Hours, I found the solution.

Just add it as column "c.Bound(x => x.ArticleGroup).ClientGroupHeaderTemplate("XXX").Hidden(true);" and set Hidden to true. I had only seen the Visible flag before which removed the template aswell. It works like a charm now :)

[Vinayak]

Thank you.

Worked for me.

[rajnesh]

Can someone please answer how we can do same in angular ?

[Ivan Danchev]

Rajnesh,

We have a separate forum for Kendo UI for Angular, so we would suggest opening a new thread there: https://www.telerik.com/forums/kendo-angular-ui