2011-07-05 1 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 특성으로 추가 할 수 있습니다. 아래 코드를 확인하십시오. 당신이에서 Datagrid의 첫 번째 헤더에 ID 속성을 추가 할 경우

<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 속성을 추가해야 시도해 ;-)

0

확실하지 않습니다. 명명 된 CSS 클래스를 만들고이를 HeaderTemplate 내 콘텐츠에 할당합니다.

+0

"HeaderTemplate 내부"? 헤더 자체에 ID가 필요합니다. 범위 나 다른 내용이 필요 없습니다. –

0

대신 Gridview DataGrid을 사용하십시오. GridView은 헤더를 'th'태그 ('td'가 아님)로 렌더링합니다.

그래서, 당신은이 CSS 선택하여 헤더를 꾸밀 수의 GridView 당신에게 CssClass = "에는 myGrid"로 설정 가정하면`에 의존 뭐가 문제

table.myGrid tr th 
{ 
    background-color: blue; 
} 
관련 문제