DataGridTemplateColumn is not completely horizontally centered.

[comet7360]

I want to place RadioButton and CheckBox completely in the horizontal center in the DataGrid with DataGridTemplateColumn.
But these is not completely horizontally centered.
So I want you to be completely horizontal centered.

    <DataGrid Name="dataGrid" AutoGenerateColumns="False" CanUserAddRows="False" GridLinesVisibility="All">
        <DataGrid.Columns>
            <DataGridTemplateColumn Header="RADIO">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <RadioButton HorizontalAlignment="Center" IsChecked="{Binding IsChecked}" />
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
            <DataGridTemplateColumn Header="CHECK">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <CheckBox HorizontalAlignment="Center" IsChecked="{Binding IsChecked}" />
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>

Thanks.

[Time2Code0]

Try something like this as a temporary workaround. I would also consider to use the DataGridCheckBoxColumn instead of the CheckBox.

      <DataGrid ItemsSource="{Binding DataGridItems}" Grid.Row="2" AutoGenerateColumns="False" CanUserAddRows="False" GridLinesVisibility="All">
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="RADIO">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <RadioButton Background="Transparent"
                                         HorizontalAlignment="Center" 
                                         Width="18"
                                         Height="18"
                                         IsChecked="{Binding IsChecked, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Header="CHECK">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <CheckBox HorizontalAlignment="Center" 
                                      Width="18"
                                      Height="18"
                                      IsChecked="{Binding IsChecked, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridCheckBoxColumn Header="CHECK2" 
                                        Binding="{Binding IsChecked, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
            </DataGrid.Columns>
        </DataGrid>

[comet7360]

thank you very much.
It's completely centered, as I hoped.

[timunie]

Hi @comet7360

let me add something here. Seems like the issue is related to the default CheckBox-Style which sets a Padding and a MinWidth. I did the following adjustments:

<DataGridTemplateColumn Header="∺">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <CheckBox MinWidth="0"
                      Padding="0"
                      HorizontalAlignment="Center"
                      Background="Transparent"
                      IsChecked="{Binding IsSelected, Mode=TwoWay}" />
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

The result:

Happy coding
Tim

[comet7360]

Hi @timunie
thank you very much.
Both RadioButton and CheckBox worked very well the way you taught me.
(Acutually, I set only PaddingProperty).

'Padding="0" is very straightforward code.
I love this.