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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to place Hyperlink in grid column

Platform: ASP.NET Web Forms |
Control: Grid


How to place Hyperlink in grid column


We can place Hyperlink or any other controls inside grid cells using the Column template feature of the grid. The template to a particular column can be provided by using Template and TemplateID properties of the column.

Using template string

The template string will be provided during grid initialization as follows.








Perform action on clicking hyperlink

It is our sole responsibility to perform any action on clicking the link in the particular cell. For that we have to bind event to the hyperlink. But the hyperlink will be visible once the grid is render and so binding the event on DOM load is not sufficient. We can achieve this requirement using the Create event of the grid as follows.


The output will be also follows.


2X faster development

The ultimate ASP.NET Web Forms UI toolkit to boost your development speed.
You must log in to leave a comment
May 04, 2017
How can I make the name of the hyperlink dynamic or assigned as the row values?

I want to make customer ID values as a hyperlink. Thanks in advance for the help.
Dhruv Shah
Jul 30, 2017

exactly santhosh ...that is what I also want

if you found any solution please let me know

thanks !!

Dhruv Shah
Jul 30, 2017

sorry, I found the solution with column template

 but please mention if there is any other way....because I want to make a common function for all link to be added at cell

Solution is : <a id="{{:NumeroFactura}}" rel='nofollow' href="Click{{:NumeroFactura}}">{{:NumeroFactura}}</a>


Pankaj Lakhera
Jan 11, 2018

You can do like this:

Template="<a rel='nofollow' href='#'>{{:CustomerID}}</a>"

So instead of View, Particular customer ID will come.


Apr 30, 2018

I have this --

    <ej:Column Field="OrganizationId" HeaderText="Organization"/>

                <ej:Column Field="UserName" HeaderText="User"/>                             

                <ej:Column Field="FirstName" HeaderText="First Name"/>

                <ej:Column Field="LastName" HeaderText="Last Name"/>                      

                <ej:Column Field="Role" HeaderText="Groups" Template="<a rel='nofollow' href='/About.aspx'>{{Role}}</a>"/>


I want the role to load instead of the word "View" - when I do {{Role}}, my grid doesnt load any data at all

Sathyanarayanamoorthy Eswararao [Syncfusion]
May 02, 2018

Hi Logan,


We have analzyzed your query and we suspect that you need to display the particular column data as hyperlink. In the provided code example the syntax for assigning values using template is given improperly (missed the colon)so the mentioned issue occurs. Please refer the below code example.



  <ej:Grid id="Grid" runat="server" AllowPaging="true">        


             <ej:Column Field="OrderID"/>

             <ej:Column Field="CustomerID"/>                            

             <ej:Column HeaderText="Manage Records" Template="<a rel='nofollow' href='#'>{{:CustomerID}}</a>" />            


         <ClientSideEvents Create="onGridCreate"/>




We have prepared a sample for your convenience which can be downloaded from the below location.


Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/HyperLink-1103277838.zip




Please sign in to access our KB

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

Up arrow icon

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

Live Chat Icon For mobile