2011-07-05 4 views
0

テーブルのヘッダー行の最初の要素に固有のCSSで何かしたいのですが、私はtotが頼りにしたくないと思っています:first_child。aspの最初のテーブルヘッダーにIDを設定するにはどうすればいいですか:CSSのDataGrid?

コード:私はTD /自体番目に(CSSのための)IDを追加することができます

<asp:TemplateColumn HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left"> 
    <HeaderTemplate> 
     <span><asp:Literal id="header" runat="server" Text="<%$ Resources:index, IndexSearch_Header_Product %>" /></span> 
    </HeaderTemplate> 
    <ItemTemplate> 
     <asp:HyperLink runat="server" ID="productLink" /> 
    </ItemTemplate> 
</asp:TemplateColumn> 

+0

'に頼ると間違っているもの:first_child'? –

+0

@Tomas [ブラウザのサポートの欠如](http://www.quirksmode.org/css/contents.html) –

答えて

1

TemplateColumnに必要なクラスをHeaderStyle-CssClass属性として追加できます。以下のコードを確認してください。

<asp:TemplateColumn HeaderStyle-CssClass="firstheaderclass" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left"> 
    <HeaderTemplate> 
     <span><asp:Literal id="header" runat="server" Text="<%$ Resources:index, IndexSearch_Header_Product %>" /></span> 
    </HeaderTemplate> 
    <ItemTemplate> 
     <asp:HyperLink runat="server" ID="productLink" /> 
    </ItemTemplate> 
</asp:TemplateColumn> 

しかし、あなたは、データグリッドの最初のヘッダにID属性を追加したい場合は、背後にあるコードでそれをしなければならないと最初のヘッダーセルにID属性を追加

ちょうどそれを与えます試して;-)

0

できません。名前付きCSSクラスを作成し、これをHeaderTemplate内のコンテンツに割り当てます。

+0

"inside HeaderTemplate"?私はヘッダーそのものにIDを必要とし、スパンや他の何ものでもない –

0

の代わりにGridViewを使用してください。DataGridGridViewは、ヘッダーを 'th'タグ( 'td'ではなく)としてレンダリングします。

だから、あなたはこのCSSセレクタによって、あなたのヘッダーを飾ることができるのCssClassのGridViewに= "myGrid" を設定仮定:

table.myGrid tr th 
{ 
    background-color: blue; 
} 
関連する問題