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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to set a row template using Angular on Grid

Thread ID:





125076 Jul 20,2016 03:21 AM UTC Jul 20,2016 06:11 AM UTC JavaScript 1
Tags: ejGrid
chinthaka wimalaratna
Asked On July 20, 2016 03:21 AM UTC

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.


Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On 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. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon