GridView HeaderStyle 属性不起作用？答案

【问题标题】：GridView HeaderStyle property not working?GridView HeaderStyle 属性不起作用？
【发布时间】：2013-07-05 07:56:09
【问题描述】：

这是一个简单的问题。在 GridView 控件中，我假设我可以在 asp:GridView 标记中设置 HeaderStyle-Font-Bold 项，它会自动将其应用于所有列标题文本，但这没有效果，只有在我在 asp 中设置时才有效:BoundField 每列的标签。

这不起作用：

<asp:GridView ... HeaderStyle-Font-Bold="false">

但确实如此：

<asp:BoundField ... HeaderStyle-Font-Bold="false"/>

这是它假设的工作方式吗？即我必须在每一列设置标题样式吗？如果我在asp:Griview标签中设置HeaderStyle-Font-Bold会有什么效果？

谢谢

罗伯

编辑

我不是在寻找如何使标题文本加粗的解决方案，因为我已经知道如何做到这一点。我的问题是关于使用 HeaderStyle-Font-Bold 属性，以及如果我在 asp:griview 标记中设置它但在 asp:BoundField 标记中可以正常工作，为什么它不起作用。

谢谢

【问题讨论】：

你的 gridview 必须有一些 CssClass="someclass" 。或者您必须使用一些带有默认标签的样式表，例如 table{} 或 tr{} td{} 。因此，他们在您的内联样式中强制执行自己的样式。使用 firebug 或开发者工具检查控件的底层样式
我检查了我的样式标签，看看我是否为表格标题设置了样式，但那里什么都没有。我还在 jquery 平滑样式表中进行了链接，但我认为这不会影响我的 gridview

标签： asp.net

【解决方案1】：

将类添加到Gridview Control 既可以使用ItemTemplate,BoundField，也可以设置css

HTML 标记：

 <asp:GridView  CssClass="gvstyling">
  ....
</asp:GridView>

简单的 CSS：

// For heading
      .gvstyling th {
            background-color: Red;
            font-size: 12px;
        }
// For Cell
    .gvstyling td {
                background-color: Red;
                font-size: 12px;
            }
// For Row
    .gvstyling tr {
                background-color: Red;
                font-size: 12px;
            }

回答你的编辑了一个

如果您使用 TemplateField，那么您需要在 TemplateField 中添加 HeaderStyle-Font-Bold="false" 而不是 Gridview，它会为您工作

HTML MARKUP：看起来像这样

<asp:GridView id="myGV1" CssClass="gvstyling">
<asp:TemplateField HeaderText="Id" HeaderStyle-Font-Bold="false" Visible="false">
    <ItemTemplate>
      <asp:Label ID="lblid" runat="server" Text='<%# Eval("Id") %>'></asp:Label>
   </ItemTemplate>
 </asp:TemplateField>

   ......
   ......
 </asp:GridView>

【讨论】：

如果您有 20 列，则需要将 'HeaderStyle-Font-Bold="false"' 复制到所有字段。这就是为什么最好只声明一次样式。

【解决方案2】：

怎么样

<headerstyle 
        font-bold="false"/>

【讨论】：