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 display Grid with dynamic image column?

Platform: ASP.NET Web Forms |
Control: Grid
Tags: ejgrid, grid

Sometimes you may need to show dynamic images in Grid column that are not available in Grid datasource


Image column and the image button column are bound to the Grid by using the Template property of the Grid.


JS Render

The image path for the image column is bound by using the JSRender Template to the Template.



The button created using column template is converted to ejButton and the images are bound within the button by using the prefixIcon property of the ejButton.


CSS Style

The image path is specified through the cssClass mentioned in the prefixIcon property of the ejButton.


The OnServerRecordClick event of the Grid is enabled in order to trigger the server side record click event.


On the Click event of the image button bound to the Grid, the OnServerRecordClick event of the grid is triggered with the arguments passed explicitly.


At the server side event of the image buttonClick, the button details and the selectedRecord details are obtained in the GridEventArgs.



2X faster development

The ultimate ASP.NET Web Forms UI toolkit to boost your development speed.
You must log in to leave a comment

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