DataGridView.ColumnHeaderStyle Property

Gets or sets the column header appearance settings.

Namespace: DevExpress.XamarinForms.DataGrid

Assembly: DevExpress.XamarinForms.Grid.dll

Declaration

public ColumnHeaderStyle ColumnHeaderStyle { get; set; }

Property Value

Type	Description
ColumnHeaderStyle	An object that stores the grid’s column header appearance settings.

Remarks

Assign a ColumnHeaderStyle object to the ColumnHeaderStyle property to customize the grid’s column header appearance. The ColumnHeaderStyle object’s properties allow you to adjust the following settings:

Example

This example shows how to modify the appearance of the following grid elements:

• Data Cells
  Assign the CellStyle object with the specified settings to the DataGridView.CellStyle property. Use the grid’s RowHeight property to specify the cell height.
• Columns Headers
  Assign the ColumnHeaderStyle object with the specified settings to the DataGridView.ColumnHeaderStyle property.
• Total Summary Panel
  Assign the TotalSummaryStyle object with the specified settings to the DataGridView.TotalSummaryStyle property. Use the grid’s TotalSummaryHeight property to change the height of the total summary panel displayed at the bottom of the grid.

XAML

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="DataGridExample.MainPage"
             xmlns:dxg="clr-namespace:DevExpress.XamarinForms.DataGrid;assembly=DevExpress.XamarinForms.Grid">
    <dxg:DataGridView x:Name="grid" ItemsSource="{Binding Orders}" 
                      RowHeight="35" TotalSummaryHeight="35">
        <!-- Specify grid columns and total summaries here. -->

        <!--Customize the appearance of grid cells.-->
        <dxg:DataGridView.CellStyle>
            <dxg:CellStyle Padding="5,5,5,5" BackgroundColor="#333333" BorderColor="#515151"
                           FontSize="8" FontColor="White" 
                           SelectionColor="#f78a09" SelectionFontColor="Black"/>
        </dxg:DataGridView.CellStyle>

        <!--Customize the appearance of column headers.-->
        <dxg:DataGridView.ColumnHeaderStyle>
            <dxg:ColumnHeaderStyle BackgroundColor="#333333" BorderColor="#515151" 
                             FontSize="12" FontColor="#929292" FontAttributes="Bold" 
                             HorizontalLineThickness="2"/>
        </dxg:DataGridView.ColumnHeaderStyle>

        <!--Customize the appearance of the total summary panel.-->
        <dxg:DataGridView.TotalSummaryStyle>
            <dxg:TotalSummaryStyle Padding="2,5,2,5" BackgroundColor="#666666" BorderColor="#515151"
                                   FontSize="8" FontColor="#f78a09"/>
        </dxg:DataGridView.TotalSummaryStyle>
    </dxg:DataGridView>
</ContentPage>