如何更改标题列的背景颜色以及如何更改列内标题文本的文本颜色?

时间:2018-09-23 03:31:25

标签: c# asp.net webforms aspxgridview

我想在标题列中使用绿色背景色,同时我还想将标题文本的文本颜色更改为白色并使其加粗。

所以,这就是我在aspx中尝试过的

<div style="margin-left:455px;">
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" HorizontalAlign="Center" background:"#00a400" color: "white" font-bold="true">
        <Columns>
            <asp:BoundField DataField="Grocery_Branch_No" HeaderText="Branch No" />
            <asp:BoundField DataField="Grocery_Branch_Name" HeaderText="Branch Name" />
            <asp:BoundField DataField="Grocery_Branch_Address" HeaderText="Branch Address" />
            <asp:BoundField DataField="Grocery_Phone_No" HeaderText="Branch Phone" />
        </Columns>
    </asp:GridView>
</div>  

这是我的C#代码:

private void DisplayBranch()
{
    string CS;
    CS = "data source=LAPTOP-ODS96MIK\\MSSQL2014; database = Grocery_Demo; integrated security=SSPI";
    SqlConnection con = new SqlConnection(CS);
    SqlCommand cmd = new SqlCommand("DisplayBranch", con);
    cmd.CommandType = System.Data.CommandType.StoredProcedure;
    con.Open();
    GridView1.DataSource = cmd.ExecuteReader();
    GridView1.DataBind();
    con.Close();
}

问题是,当我尝试运行aspx页面时,由于提到Gridview无法识别背景和粗体字而显示了错误。

如果在我的aspx代码或C#代码中提供了建议的语法解决方案,这将很有帮助。

2 个答案:

答案 0 :(得分:0)

backgoundcolorfont-bold不是服务器端组件GridView的属性。 将这些样式移至CSS类,然后将该类设置为CSSClass的{​​{1}}属性的值。 另外,您可以尝试将这些样式硬编码为GridView的{​​{1}}属性。

答案 1 :(得分:0)

您可以为GridView的页眉,行,页脚等定义自己的样式。更多详细信息可以在this documentation中找到。

以下是供您参考的示例

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" HorizontalAlign="Center" font-bold="true">
        <Columns>
            <asp:BoundField DataField="Grocery_Branch_No" HeaderText="Branch No" />
            <asp:BoundField DataField="Grocery_Branch_Name" HeaderText="Branch Name" />
            <asp:BoundField DataField="Grocery_Branch_Address" HeaderText="Branch Address" />
            <asp:BoundField DataField="Grocery_Phone_No" HeaderText="Branch Phone" />
        </Columns> 
        <headerstyle backcolor="green" forecolor="white" HeaderStyle-Font-Bold="true"/>
    </asp:GridView>