Sorting not working when using RowTemplates

[HArjit]

Hi there,

 I  have grids which are use row templates to display data, when I start using the row templates, my sorting stops working. Is there anything which I'm missing. My template code is as follows

<script id="gridItemsRowTemplate" type="text/x-kendo-template">

    # var columns = $("\\#" + gridID).data("kendoGrid").columns #

    <tr data-uid="#= uid #" role ='row'>
        #for(properties in columns) {#

        #if (columns[properties].field == 'Id' || columns[properties].field == 'Hidetype') {#
            <td role="gridcell" style ="display:none;"> #data[columns[properties].field] #</td>
         #}else {#
            #if (data[columns[properties].field] != undefined) {#
            <td > #= data[columns[properties].field].val #</td>
              #}#

           #}#
        #}#
    </tr>
</script>

[Kiril Nikolov]

Hello Harjti,

 
In order to enable the Grid sorting in the Kendo UI "Row template"  you need to set a data-field attribute to the rows in the header of the table. For example:

<th data-field="Name">Name</th>
<th data-field="Age">Age</th>
<th data-field="DateOfBirth">Date Of Birth</th>

There is a forum thread where you can find a very similar discussion.

Regards,
Kiril Nikolov
Telerik

[HArjit]

My column types and fields are being generated at run time so is my grid. how can i inject them in the header in the row template ? 

Harjit

[Kiril Nikolov]

Hello Harjit,

 
As I said In order to enable the Grid sorting in the Kendo UI "Row template" you need to set a data-field attribute to the rows in the header of the table. In your case set the data-field when you generate your template.

Regards,
Kiril Nikolov
Telerik

[HArjit]

Got  it !!!

- Harjit