How to use rowTemplate and detailTemplate together in KendoUI?

Question

I'm having trouble using rowtemplate row with detailed grid.

Basically, when I use them in combination, the rendering is messed up.

Check out this script, http://jsfiddle.net/yzKqV/ , to reproduce this error (uncomment the commented line and run again to see the error).

How to fix it?

Answer 1

I think the reason your rowTemplate doesn't work when you use detailTemplate is because it should have tr and first td defined as a hierarchy grid. ( http://jsfiddle.net/yzKqV/3/ )

<script id="rowTemplate" type="text/x-kendo-tmpl"> <tr class="k-master-row"> <td class="k-hierarchy-cell"><a href="\#" class="k-icon k-plus"></a></td> <td> #= FirstName # </td> <td> #= LastName # </td> </tr> </script>