Create style for TextBlock in DataGridTextColumn Create style for TextBlock in DataGridTextColumn wpf wpf

Create style for TextBlock in DataGridTextColumn


Create a style as a static resource

<UserControl.Resources>    <Style x:Key="verticalCenter" TargetType="{x:Type TextBlock}">        <Setter Property="VerticalAlignment" Value="Center" />    </Style></UserControl.Resources>

Then you can assign it to the ElementStyle of the DataGridTextColumn

<DataGridTextColumn ElementStyle="{StaticResource verticalCenter}" />


You can define a CellStyle as below:

<Style x:Key="DataGridCellStyle" TargetType="DataGridCell">    <Setter Property="FocusVisualStyle" Value="{x:Null}" />    <Setter Property="BorderThickness" Value="0"/>    <Setter Property="Template">        <Setter.Value>            <ControlTemplate TargetType="{x:Type DataGridCell}">                <Grid Background="{TemplateBinding Background}">                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />                </Grid>            </ControlTemplate>        </Setter.Value>    </Setter></Style>

And assign it to the DataGrid: CellStyle="{StaticResource DataGridCellStyle}".In this way all your cells will have content centered.

EDIT: The above code is from one of my projects and also contains the code to remove grid lines in the DataGrid. You can get them back by changing Grid to Border in the template. Like this:

<Setter Property="Template">    <Setter.Value>        <ControlTemplate TargetType="{x:Type DataGridCell}">            <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>            </Border>        </ControlTemplate>    </Setter.Value></Setter>


Just use the DataGridTemplateColumn:

<DataGridTemplateColumn Width="SizeToCells">    <DataGridTemplateColumn.CellTemplate>        <DataTemplate>            <TextBlock HorizontalAlignment="Center" Width="100" Height="20"/>        </DataTemplate>    </DataGridTemplateColumn.CellTemplate></DataGridTemplateColumn>