Skip to main content
Tab

GridViewColumn.HeaderStyle Property

Specifies the appearance of the column’s header.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.2.dll

NuGet Package: DevExpress.Web

#Declaration

public virtual GridViewHeaderStyle HeaderStyle { get; }

#Property Value

Type Description
GridViewHeaderStyle

Style settings that specify the appearance of the column’s header.

#Remarks

The HeaderStyle property allows you to specify the appearance of the column’s header in markup and in a CSS class.

To customize the appearance of all column headers, specify the control’s Header property.

#Markup Example

<dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False">
    <Columns>
        <dx:GridViewDataTextColumn FieldName="CompanyName" VisibleIndex="0">
            <HeaderStyle BackColor="Yellow" ForeColor="SteelBlue" />
        </dx:GridViewDataTextColumn>
        <%--...--%>
    </Columns>
</dx:ASPxGridView>

#CSS Example

#ASPxGridView1 .columnHeaderStyle {
    background-color: yellow;
    color: steelblue;
}
<dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False">
    <Columns>
        <dx:GridViewDataTextColumn FieldName="CompanyName" VisibleIndex="0">
            <HeaderStyle CssClass="columnHeaderStyle" />
        </dx:GridViewDataTextColumn>
        <%--...--%>
    </Columns>
</dx:ASPxGridView>
See Also