HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 11pt;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" HeaderStyle-BackColor="#3AC0F2"
HeaderStyle-ForeColor="White">
<Columns>
<asp:BoundField DataField="Image" HeaderText="Name" />
<asp:TemplateField HeaderText="Image">
<ItemTemplate>
<asp:Image ImageUrl='<%# String.Format("{0}/{1}",Eval("Folder"),Eval("Image"))%>'
runat="server" Height="80" Width="80" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</form>
</body>
</html>
C#:
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[2] { new DataColumn("Folder", typeof(string)),
new DataColumn("Image",typeof(string)) });
dt.Rows.Add("Flower", "Chrysanthemum.jpg");
dt.Rows.Add("Flower", "Hydrangeas.jpg");
dt.Rows.Add("Flower", "Tulips.jpg");
dt.Rows.Add("Animal", "Koala.jpg");
dt.Rows.Add("Animal", "Penguins.jpg");
GridView1.DataSource = dt;
GridView1.DataBind();
}
}
Image:
Thank You.
