首页 > 解决方案 > 如何更改选择性列的 GridView 标题样式颜色

问题描述

我对asp.net webforms相当陌生,我有以下代码来生成一个包含两列的网格,我使用我能够使用的颜色分隔列,并在后端e.Row.Cells[0].BackColor = Color.FromArgb(152, 251, 152);的第二列e.Row.Cells[1].BackColor = Color.FromArgb(60, 179, 113)

我现在想要实现的是将 FirstColumn 上方的 GridView Header 部分着色为与第一列相同的颜色,并将 SecondCoumn 上方的 GridView Header 的第二部分着色为与第二列相同的颜色

下面是我的代码

<asp:GridView ID="GridData" CssClass="Gridview" runat="server"
                                Width="100%" AutoGenerateColumns="False" OnRowDataBound="GridData_RowDataBound" ShowFooter="True">                               
                                <Columns>
                                    
                                    <asp:TemplateField ItemStyle-Width="120px" HeaderText="ColumnFirst" >
                                        <ItemTemplate>
                                            <asp:Label ID="lblLoanGiven" runat="server"></asp:Label>
                                        </ItemTemplate>

                                        <FooterTemplate>
                                            <asp:Label ID="lblTotalLoanGiven" runat="server"></asp:Label>
                                        </FooterTemplate>
                                    </asp:TemplateField>

                                    <asp:TemplateField ItemStyle-Width="120px" HeaderText="ColumnSecond">
                                        <ItemTemplate>
                                            <asp:Label ID="lblLoanGivenBalance" runat="server"></asp:Label>
                                        </ItemTemplate>

                                        <FooterTemplate>
                                            <asp:Label ID="lblTotalLoanGivenBalance" runat="server"></asp:Label>
                                        </FooterTemplate>
                                    </asp:TemplateField>

                                    
                           <PagerStyle BackColor="#3C8DBC" ForeColor="White" />
                                <HeaderStyle BackColor="#3C8DBC" ForeColor="White" />
                                <FooterStyle BackColor="#007C98" ForeColor="White" CssClass="footer-design" />
                            </asp:GridView>

标签: c#asp.netgridview

解决方案


   GridData.HeaderRow.Cells[1].Style["background-color"] = "#3CB371"; 

找到了答案,上面的代码为我的 GridView 标题的 2 部分着色


推荐阅读