how to add Image in Grid View header after header text

Question

I am trying add an filter image in grid view header after header text in same column. I tried adding image to header but it only shows image but not the text along with it.

<asp:TemplateField HeaderText="<img src='.../...' alt='my image' />">
....
</TemplateField>

Can anybody suggest me the way to do it

Icarus · Accepted Answer · 2012-09-04 22:26:19Z

4

Just do something like this - note the HtmlEncode=false:

<asp:BoundField HtmlEncode="false" 
 HeaderText='<img src="http://www.gravatar.com/avatar/8c9778a09696aac804ed44f4c8033458?s=32&d=identicon&r=PG" />Filter' />

It will render an image on the header and the word Filter next to it.

answered Sep 4, 2012 at 22:26

Icarus

64.1k14 gold badges102 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Paul · Accepted Answer · 2012-09-04 22:32:38Z

2

Try something like this...

<asp:TemplateField>
<HeaderTemplate>Some Header <img src=".../image.png" /></HeaderTemplate>
<ItemTemplate>Your Item</ItemTemplate>
</asp:TemplateField>

answered Sep 4, 2012 at 22:32

Paul

2,0092 gold badges22 silver badges29 bronze badges

Collectives™ on Stack Overflow

how to add Image in Grid View header after header text

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related