Assign CSS to DataGrid header

[Maziar Aflatoun]

Hi everyone,

I have a DataGrid with sort functionality enabled so that users can sort
each column by clicking on the column name. Can someone please tell me how
I can add CSS to my headers? no matter what I do I can't get class='' to
appear in my <a ...class=""></a>

Example

I want to apply it to HeaderText="Name"
<asp:TemplateColumn HeaderText="Name" SortExpression="Name">
<HeaderStyle Font-Bold="True" CssClass="normtext"></HeaderStyle>
<ItemTemplate>
<asp:label id="lblName" runat="server" CssClass="normtext"
Font-Bold=False text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'/>
</ItemTemplate>
<EditItemTemplate>
<asp:textbox id="txtName" CssClass="textbox1" runat="server"
Columns="30" text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'/>
</EditItemTemplate>
</asp:TemplateColumn>

I want in to appear in <a below...
<a href="javascript:__doPostBack('dgOpportunities$_ctl1$_ctl0','')">Name</a>

Thank you
Maz.

 

[Peter Markusek]

Hi everyone,

I have a DataGrid with sort functionality enabled so that users can sort
each column by clicking on the column name. Can someone please tell me how
I can add CSS to my headers? no matter what I do I can't get class='' to
appear in my <a ...class=""></a>

This CSS works fine for me:

..normtext a:visited,a:active,a:link
{
text-decoration: none;
color: #DDDD00;
}

..normtext a:hover
{
text-decoration: underline;
}

,where normtext is CssClass in <HeaderStyle>