We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to set a row template using Angular on Grid

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. 


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

<script id="templateData" type="text/x-jsrender">
        <td class="photo">
            <img style="width: 130px; height: 160px" src="/" />

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


1 Reply

SS Seeni Sakthi Kumar Seeni Raj Syncfusion Team July 20, 2016 06:11 AM UTC

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.  

Seeni Sakthi Kumar S. 

Live Chat Icon For mobile
Up arrow icon