Is it possible to set the header of a grid using templates?

[forumma]

Hey,

I'm using the kendoGrid binder to create my grid and i'm using the rowTemplate. The result is the grid without header. I want to know if it's possible to define the header of this grid?

Thanks alot

[rniemeyer]

Currently the header does not use KO templates. However, you can do something like:

<div data-bind="kendoGrid: { data: items, rowTemplate: 'rowTmpl', altRowTemplate: 'altTmpl', 
  useKOTemplates: true, columns: [{headerTemplate: 'a'},{headerTemplate: 'b'},{headerTemplate: 'c'}]}">
 </div>

Here is a sample: http://jsfiddle.net/rniemeyer/MWLre/

Does that work for you?

[forumma]

Thanks a lot that's work perfectly.

[forumma]

The only problem I now have with the headerTemplate is I can't use the sortable and the groupable function on my Grid. Do you know a workaround for this?

Thanks

[rniemeyer]

Looks like you just need to make sure that you specify which field that each column pertains to, so like:

columns: [{ field: 'id', headerTemplate: 'a'},{field: 'name', headerTemplate: 'b'},{headerTemplate: 'c'}]

Sample: http://jsfiddle.net/rniemeyer/Gngxf/

[Marmotor]

Hello,

Regarding this issue, there is one small problem : the sorting will not work on observable items. So if I get my info through $.getJSON from a server-side controller action, the data mapped in the kendo grid will not be sorted, even though the column header has the small arrow attached to it. Is there a way around it?

Thanks,
Marmotor

[abhi901abhi]

How to set Row Header in Kendo UI?