ASP.NET Add HTML To Gridview header Text

Question

I.e. im wondering how i can achieve something like

<th><span>Discount</span>PLC</th>

In declaring a gridview columns such as

<asp:TemplateField HeaderText="Discount" HeaderStyle-Width="60px" SortExpression="discount">
  <ItemTemplate>   
    <asp:Label ID="DiscountField" runat="server" Text='<%# Eval("discount").ToString() + "%" %>'></asp:Label>
  </ItemTemplate>                     
</asp:TemplateField>

How can I add this styling to the header text ?

Something some people may find useful - I needed to put a <br /> in some headertext and couldn't get it working with a TemplateField. So I just used for all the text except where I wanted the line break - and it worked perfectly. Could be an easy win depending on your requirement. — niico
– niico, Commented Jan 31, 2019 at 15:32

Kunal Patidar · Accepted Answer · 2019-02-21 13:41:37Z

6

Try

 <asp:TemplateField >
        <HeaderTemplate>
             <span>Discount</span>
        </HeaderTemplate>
       <ItemTemplate>   
           <asp:Label ID="DiscountField" runat="server" Text='<%# Eval("discount").ToString() + "%" %>'></asp:Label>
       </ItemTemplate>   

 </asp:TemplateField>

Make sure <th /> is in context with the table.

edited Feb 21, 2019 at 13:41

Kunal Patidar

32 bronze badges

answered Aug 16, 2011 at 16:34

Bala R

109k23 gold badges203 silver badges212 bronze badges

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

2 Comments

patmortech Over a year ago

I don't believe you want to put the <th> tags in that HeaderTemplate, because it puts whatever is in the template inside <th> tags already. So you'd end up with <th><th>xxx</th></th>.

StevieB Over a year ago

Yeah It does seem to add <th> within <th> anyway around that ?

Kunal Patidar · Accepted Answer · 2019-02-21 12:37:47Z

0

There is no need of tag inside the header template.It will create a new heading.Template field is already creating a tag.

answered Feb 21, 2019 at 12:37

Kunal Patidar

1

Comments

Kunal Patidar · Accepted Answer · 2019-02-21 12:43:13Z

0

There is no need of header tag inside the header template.It will create a new heading.Template field is already creating a header tag.

answered Feb 21, 2019 at 12:43

Kunal Patidar

32 bronze badges

Collectives™ on Stack Overflow

ASP.NET Add HTML To Gridview header Text

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related