Skip to main content
Tab

GridViewColumn.HeaderStyle Property

Specifies the appearance of the column’s header.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.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