如何将 CssClass 应用于 DataGrid HyperLinkColumn 的标题单元格？答案

【问题标题】：How to Apply CssClass to header cell of DataGrid HyperLinkColumn?如何将 CssClass 应用于 DataGrid HyperLinkColumn 的标题单元格？
【发布时间】：2010-11-17 12:21:57
【问题描述】：

我有一段代码，基本上是这样的：

<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>

帮助表示赞赏！

【问题讨论】：

标签： asp.net css datagrid

【解决方案1】：

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

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

【讨论】：

【解决方案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"    />
...

【讨论】：