如何将CssClass应用于DataGrid HyperLinkColumn的标题单元格?

时间:2009-08-06 21:26:54

标签: asp.net css datagrid

我有一段代码,基本上是这样的:

<asp:DataGrid>
    <Columns>
        ...
        <asp:BoundColumn  HeaderText="Bar" ...>
            <itemstyle CssClass="foo">
        </asp:BoundColumn>

此输出

<table>
    <tr>
        <td>Bar</td>
        <td class="foo">...</td>
        <td class="foo">...</td>
        <td class="foo">...</td>
....

但我想要这个:

<table>
    <tr>
        <td class="foo">Bar</td>
        <td>...</td>
        <td>...</td>
        <td>...</td>
....

但我似乎无法实现它。我敢打赌这很简单,但我无法在任何地方找到它。

我试过了,但输出结果是一样的:

<asp:DataGrid>
    <Columns>
        ...
        <asp:BoundColumn ItemStyle-CssClass="foo"  HeaderText="Bar" ...>
        </asp:BoundColumn>

帮助表示赞赏!

2 个答案:

答案 0 :(得分:5)

你想要HeaderStyle-CssClass而不是ItemStyle-CssClass。

<asp:BoundColumn HeaderStyle-CssClass="foo"  HeaderText="Bar" ...>
</asp:BoundColumn>

答案 1 :(得分:2)

尝试标题样式:

<asp:BoundField DataField="bar" HeaderText="bar" SortExpression="bar">
   <ItemStyle    CssClass="fooItem"  />
   <HeaderStyle   CssClass="fooHeader"  />             
</asp:BoundField>

或者如果它适用于所有标题

<Columns>
...
</Columns>
...
<HeaderStyle        CssClass="foo"  />
<RowStyle           CssClass="fooRow"    />
<AlternatingRowStyle CssClass="fooAltRow"    />
...