ASP.NET - Gridview Header size - Asked By Krishna T on 27-Jun-12 07:28 AM

Hi,

How to set Gridview Only Header font-size in asp.net?

Do like this

show this code sample
---------

      <asp:GridView ID="gvTheGrid" runat="server" GridLines="Both" CellPadding="3" AutoGenerateColumns="false"
        BackColor="WhiteSmoke" AlternatingRowStyle-BackColor="Silver" HeaderStyle-Font-Size="Medium"
        OnPreRender="gvTheGrid_PreRender" CssClass="gvTheGrid">
        <Columns>
          <asp:BoundField DataField="ID" HeaderText="ID" HeaderStyle-Width="60" ItemStyle-Width="60" />
        </Columns>
      </asp:GridView>
   
OR

Check this will get good example
----------
http://asp-net-example.blogspot.in/2009/08/how-to-set-change-gridview-header-font_8184.html
http://asp-net-example.blogspot.in/2009/08/how-to-set-change-gridview-header-text.html

hi,....

You can set in both the ways , by programatically or using the tags..

By Programatically;

use this line of code .
GVSample1.HeaderStyle.Font.Size = FontUnit.Large;  

Using Tags:
<HeaderStyle   BackColor="DeepPink" Font-Size="Large"  />

Add the Above tag to the Gridview , and you can see the change to the gridview header 

Use this code-

<asp:TemplateField ItemStyle-Font-Bold="true" HeaderStyle-Font-Size ="Medium">
          <ItemTemplate>
            <asp:Label ID="lbl" runat="server" Text='<%# Eval("sold") %>'></asp:Label>
          </ItemTemplate>
        </asp:TemplateField>

Try this and let me know.

You can specify size also within gridview as:

<HeaderStyle Font-Size="12px" />