CODEWITHSUNDEEP
wpfdatagridwpfdatagriddatagridcolumnheader
Mark A
Mark A

Reputation: 285

Style each datagrid column header

I want to add another row to the HeaderRow and for each column insert specific control.
This is my code where add this row, but I can only set same control (in this case textbox) for every column, but I want to set specific control for specific column. (like it's done in ASP.NET repeater)

<Style x:Key="DataGridColumnHeaderStyle1" TargetType="{x:Type DataGridColumnHeader}">
   <Setter Property="Template">
      <Setter.Value>
         <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
           <Grid x:Name="grid" VerticalAlignment="Center" HorizontalAlignment="Stretch"  Background="{TemplateBinding Background}">
              <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
              </Grid.RowDefinitions>
              <TextBlock Name="ColumnHeader" Grid.Row="0" Text="{TemplateBinding Content}"  HorizontalAlignment="Center" VerticalAlignment="Center" Height="18" />
              <Grid Grid.Row="1">
                 <TextBox Text="" HorizontalAlignment="Stretch" BorderThickness="0,1,1,1" />
              </Grid>
          </Grid>
</Style>

Upvotes: 0

Views: 7980

Answers (2)

Mark A
Mark A

Reputation: 285

I approached this a little bit different, I styled DataGridColumnHeadersPresenter, it allows me to syle the column headers row (instead of column header).
There I add my new row and all the controls I need, I alsoe set the width of every cell to match the width of it's header .

<Style x:Key="DataGridColumnHeadersPresenterStyle1" TargetType="{x:Type DataGridColumnHeadersPresenter}">
    <Setter Property="Template">
      <Setter.Value>
          <ControlTemplate TargetType="{x:Type DataGridColumnHeadersPresenter}">
              <Grid>
                <Grid.RowDefinitions>
                  <RowDefinition Height="*"/>
                  <RowDefinition Height="*"/>                   
              </Grid.RowDefinitions>
              <DataGridColumnHeader x:Name="PART_FillerColumnHeader" IsHitTestVisible="False"/>                         
              <ItemsPresenter/>
              <Grid  Grid.Row="1" VerticalAlignment="Top" HorizontalAlignment="Left" >

                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="{Binding ActualWidth, ElementName=Col1}"/>         
                    <ColumnDefinition Width="{Binding ActualWidth, ElementName=Col2}"/>
                    <ColumnDefinition Width="{Binding ActualWidth, ElementName=Col3}"/>
                </Grid.ColumnDefinitions>
                <TextBox  Grid.Column="0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Bottom" Width="Auto" Height="25" BorderThickness="1,2,0,2"/>
                   my other controls go here
              </Grid>
            </Grid>
        </ControlTemplate>
    </Setter.Value>
 </Setter>

Upvotes: 3

biju
biju

Reputation: 18000

You can Make use of the HeaderTemplate to specify different datatemplates for each Column

Sample

<Window.Resources>
    <DataTemplate x:Key="Template1">
        <Grid x:Name="grid" VerticalAlignment="Center" HorizontalAlignment="Stretch">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <TextBlock Name="ColumnHeader" Text="Student Id" Grid.Row="0"  HorizontalAlignment="Center" VerticalAlignment="Center" Height="18" />
            <Grid Grid.Row="1">
                <TextBox Text="" HorizontalAlignment="Stretch" BorderThickness="0,1,1,1" />
            </Grid>
        </Grid>
    </DataTemplate>
    <DataTemplate x:Key="Template2">
        <Grid x:Name="grid" VerticalAlignment="Center" HorizontalAlignment="Stretch">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <TextBlock Name="ColumnHeader" Text="Student Name" Grid.Row="0"  HorizontalAlignment="Center" VerticalAlignment="Center" Height="18" />
            <Grid Grid.Row="1">
                <TextBox Text="" HorizontalAlignment="Stretch" BorderThickness="0,1,1,1" />
            </Grid>
        </Grid>
    </DataTemplate>
</Window.Resources>
<Grid>
    <DataGrid Name="dataGrid" >
        <DataGrid.Columns>
            <DataGridTextColumn HeaderTemplate="{StaticResource Template1}"  Width="90*" MinWidth="120" Binding="{Binding StudentId}"/>
            <DataGridTextColumn HeaderTemplate="{StaticResource Template2}" Width="90*" MinWidth="120" Binding="{Binding Name}"/>
            <DataGridTextColumn Header="Score" Width="100*" MinWidth="150" Binding="{Binding Score}"/>
        </DataGrid.Columns>
    </DataGrid>

</Grid>

Upvotes: 4

Related Questions