How to set a row template using Angular on Grid

[chinthaka wimalaratna]

Hi, 

I'm currently working on a Syncfusion grid control on AngularJs project using typescript. I want to set a custom row template to the grid which I'm using in side my angular controller script file or in the markup. I saw in the documentation there is property called rowtemplate which I can use. I put updated the markup as follows but it didint work. 

Html

<div id="Grid" ej-grid e-datasource="vm.reports" e-rowTemplate="#templateData">

....

<script id="templateData" type="text/x-jsrender">

    <tr>

        <td class="photo">

            <img style="width: 130px; height: 160px" src="/13.2.0.29/themes/web/images/employees/" />

        </

.....

 Could you please help me to properly configure the row template property.

Thanks

[Seeni Sakthi Kumar Seeni Raj]

Hi Chinthaka,  

Thanks for your interest in Syncfusion products.  

Based on your requirement to enable RowTemplate feature in Grid, we have created a sample which can be tracked through the following link.  

http://jsplayground.syncfusion.com/rrpasaqs 

  

Regards, 

Seeni Sakthi Kumar S.