按钮放入 <DataGridTextColumn.HeaderTemplate> 的DataGrid不会填充所有可用空间

Question

I have such a DataGridTextColumn.HeaderTemplate :

<DataGrid ItemsSource="{Binding Persons}" AutoGenerateColumns="False">                       
  <DataGrid.Columns>
    <DataGridTextColumn Binding="{Binding IdPerson}">
      <DataGridTextColumn.HeaderTemplate>                        
        <DataTemplate>
           <Grid>
             <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
             </Grid.RowDefinitions>
             <Button Height="25" HorizontalAlignment="Stretch"/>
             <TextBlock Grid.Row="1" Text = "Hello"/>
             <CheckBox Grid.Row="2" IsChecked="True" />
           </Grid>                            
        </DataTemplate>
      </DataGridTextColumn.HeaderTemplate>                   
    </DataGridTextColumn>
    <DataGridTextColumn Header="FirstName" Binding="{Binding FirstName}"/>
    <DataGridTextColumn Header="LastName" Binding="{Binding LastName}"/>
  </DataGrid.Columns>
</DataGrid>  

However, the controls( Button, TextBlock, CheckBox ) are not stretched inside of <DataGridTextColumn.HeaderTemplate/> .

What I have know:

How can I make all controls inside of <DataGridTextColumn.HeaderTemplate/> to be stretched on the whole length of <DataGridTextColumn.HeaderTemplate/> ?

Answer 1

You could set something like this.

<DataGrid.Resources>
    <Style TargetType="{x:Type DataGridColumnHeader}">
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    </Style>
</DataGrid.Resources>