Silverlight DataGrid 多重表头实现

<controls:ChildWindow x:Class="FXHs.ShowSSXQList"
           xmlns="http://scheR_862_11845@as.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x="http://scheR_862_11845@as.microsoft.com/winfx/2006/xaml" 
           xmlns:sdk="http://scheR_862_11845@as.microsoft.com/winfx/2006/xaml/presentation/sdk"
           xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" 
           title="实时险情列表" FontSize="15">
    <!--定义资源样式-->
    <controls:ChildWindow.resources>
        <Style x:Key="DataGridHeaderStyle" TargetType="sdk:DataGridcolumnHeader">
            <Setter Property="HorizontalContentAlignment" Value="Center"></Setter>
        </Style>
        <Style x:Key="DataGridCellStyle" TargetType="sdk:DataGridCell">
            <Setter Property="HorizontalContentAlignment" Value="Center" ></Setter>
        </Style>
        <Style x:Key="DataGridBaseHeaderStyle" TargetType="sdk:DataGridcolumnHeader">
            <Setter Property="FontWeight" Value="Normal" />
        </Style>

        <Style x:Key="TimeSheetDayHeaderStyle" TargetType="sdk:DataGridcolumnHeader" BasedOn="{Staticresource DataGridBaseHeaderStylE}">
            <Setter Property="Foreground" Value="#FF000000"/>
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="IsTabStop" Value="false"/>
            <Setter Property="SeparatorBrush" Value="#FFC9CACA"/>
            <Setter Property="Padding" Value="8"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Grid x:Name="Root">
                            <Grid.columnDeFinitions>
                                <columnDeFinition/>
                                <columnDeFinition Width="Auto"/>
                            </Grid.columnDeFinitions>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouSEOver">
                                        <Storyboard>
                                            <ColorAnimation Duration="0"
                                                    Storyboard.TargetName="BACkgroundRectangle"
                                                    Storyboard.TargetProperty="(Fill).Color" To="#FF448DCA"/>
                                            <ColorAnimation Duration="0"
                                                    Storyboard.TargetName="BACkgroundGradient"
                                                    Storyboard.TargetProperty="(Fill).(GradientStops)[3].Color" To="#7FFFFFFF"/>
                                            <ColorAnimation Duration="0"
                                                    Storyboard.TargetName="BACkgroundGradient"
                                                    Storyboard.TargetProperty="(Fill).(GradientStops)[2].Color" To="#CCFFFFFF"/>
                                            <ColorAnimation Duration="0"
                                                    Storyboard.TargetName="BACkgroundGradient"
                                                    Storyboard.TargetProperty="(Fill).(GradientStops)[1].Color" To="#F2FFFFFF"/>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ColorAnimation Duration="0"
                                                    Storyboard.TargetName="BACkgroundRectangle"
                                                    Storyboard.TargetProperty="(Fill).Color" To="#FF448DCA"/>
                                            <ColorAnimation Duration="0"
                                                    Storyboard.TargetName="BACkgroundGradient"
                                                    Storyboard.TargetProperty="(Fill).(GradientStops)[0].Color" To="#D8FFFFFF"/>
                                            <ColorAnimation Duration="0"
                                                    Storyboard.TargetName="BACkgroundGradient"
                                                    Storyboard.TargetProperty="(Fill).(GradientStops)[1].Color" To="#C6FFFFFF"/>
                                            <ColorAnimation Duration="0"
                                                    Storyboard.TargetName="BACkgroundGradient"
                                                    Storyboard.TargetProperty="(Fill).(GradientStops)[2].Color" To="#8CFFFFFF"/>
                                            <ColorAnimation Duration="0"
                                                    Storyboard.TargetName="BACkgroundGradient"
                                                    Storyboard.TargetProperty="(Fill).(GradientStops)[3].Color" To="#3FFFFFFF"/>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="SortStates">
                                    <VisualState x:Name="Unsorted"/>
                                    <VisualState x:Name="SortAscending" />
                                    <VisualState x:Name="SortDescending" />
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Rectangle x:Name="BACkgroundRectangle" Fill="#FF1F3B53" Stretch="Fill" Grid.columnSpan="2"/>
                            <Rectangle x:Name="BACkgroundGradient" Stretch="Fill" Grid.columnSpan="2">
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                        <GradientStop Color="#FCFFFFFF" Offset="0.015"/>
                                        <GradientStop Color="#F7FFFFFF" Offset="0.375"/>
                                        <GradientStop Color="#E5FFFFFF" Offset="0.6"/>
                                        <GradientStop Color="#D1FFFFFF" Offset="1"/>
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Grid HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                                <Grid.RowDeFinitions>
                                    <RowDeFinition Height="20" />
                                    <RowDeFinition Height="1" />
                                    <RowDeFinition Height="20" />
                                </Grid.RowDeFinitions>
                                <Grid.columnDeFinitions>
                                    <columnDeFinition Width="100"/>
                                    <columnDeFinition Width="1" />
                                    <columnDeFinition Width="299"/>
                                    <columnDeFinition Width="1" />
                                    <columnDeFinition Width="199"/>
                                </Grid.columnDeFinitions>
                                <!-- 第0行 -->
                                <ContentPresenter Content="险情类型" Grid.Row="0" VerticalAlignment="Center"
                                          HorizontalAlignment="Center" />
                                <Rectangle Fill="#FFC9CACA" VerticalAlignment="Stretch" Width="1" 
                                   Visibility="Visible" Grid.Row="0" Grid.column="1" />
                                <ContentPresenter Content="险情标题" Grid.Row="0" Grid.column="2"
                                          VerticalAlignment="Center" HorizontalAlignment="Center" />
                                <Rectangle Fill="#FFC9CACA" VerticalAlignment="Stretch" Width="1" 
                                   Visibility="Visible" Grid.Row="0" Grid.column="3" />
                                <ContentPresenter Content="上传时间" Grid.Row="0" Grid.column="4"
                                          VerticalAlignment="Center" HorizontalAlignment="Center" />
                                <!-- 第一行 -->
                                <Rectangle Fill="#FFC9CACA" VerticalAlignment="Stretch" Height="1"
                                   Visibility="Visible" Grid.Row="1" Grid.columnSpan="5" />
                                <!-- 第二行 -->
                                <ContentPresenter Content="险情描述"
                                          VerticalAlignment="Center" HorizontalAlignment="Center"
                                          Grid.columnSpan="5" Grid.Row="2" />
                            </Grid>
                            <Rectangle x:Name="VerticalSeparator" Fill="#FFC9CACA"
                               VerticalAlignment="Stretch" Width="1" Visibility="Visible"
                               Grid.Row="1" Grid.column="1"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="TimeSheet@R_457_10586@lsHeaderStyle" TargetType="sdk:DataGridcolumnHeader" BasedOn="{Staticresource TimeSheetDayHeaderStylE}">
            <Setter Property="Foreground" Value="#FFFF0000"/>
        </Style>
    </controls:ChildWindow.resources>
    <Grid x:Name="LayoutRoot" Margin="0" Height="400">
        <Grid.RowDeFinitions>
            <RowDeFinition />
            <RowDeFinition Height="Auto" />
        </Grid.RowDeFinitions>
        <Grid x:Name="gTop" Height="31" VerticalAlignment="Top"/>
        <Grid x:Name="gMiddle" Margin="0,31,25">
            <sdk:DataGrid Margin="0" AutoGeneratecolumns="false" x:Name="dg" LoadingRow="dg_LoadingRow">
                <sdk:DataGrid.columns>
                    <sdk:DataGridTemplatecolumn Header="序号" HeaderStyle="{Staticresource DataGridHeaderStylE}" Width="60">
                        <sdk:DataGridTemplatecolumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock FontSize="13" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>
                            </DataTemplate>
                        </sdk:DataGridTemplatecolumn.CellTemplate>
                    </sdk:DataGridTemplatecolumn>
                    <sdk:DataGridTemplatecolumn Header="图片" HeaderStyle="{Staticresource DataGridHeaderStylE}" Width="200">
                        <sdk:DataGridTemplatecolumn.CellTemplate>
                            <DataTemplate>
                                <Grid>
                                    <Image x:Name="Image1" source="{Binding 图片}"></Image>
                                </Grid>
                            </DataTemplate>
                        </sdk:DataGridTemplatecolumn.CellTemplate>
                    </sdk:DataGridTemplatecolumn>
                    <sdk:DataGridTemplatecolumn Header="险情描述" HeaderStyle="{Staticresource TimeSheetDayHeaderStylE}">
                        <sdk:DataGridTemplatecolumn.CellTemplate>
                            <DataTemplate>
                                <Grid>
                                    <Grid.RowDeFinitions>
                                        <RowDeFinition Height="0.2*"></RowDeFinition>
                                        <RowDeFinition Height="1"></RowDeFinition>
                                        <RowDeFinition Height="*"></RowDeFinition>
                                    </Grid.RowDeFinitions>
                                    <Grid.columnDeFinitions>
                                        <columnDeFinition  Width="100"></columnDeFinition>
                                        <columnDeFinition Width="1"></columnDeFinition>
                                        <columnDeFinition Width="290"></columnDeFinition>
                                        <columnDeFinition  Width="1"></columnDeFinition>
                                        <columnDeFinition Width="199"></columnDeFinition>
                                    </Grid.columnDeFinitions>
                                    <TextBlock Text="{Binding 灾情类型}" FontSize="14" HorizontalAlignment="Center" Grid.Row="0" Grid.column="0"/>
                                    <Rectangle Fill="#FFC9CACA" VerticalAlignment="Stretch" Width="1" Grid.Row="0" Grid.column="1"/>
                                    <TextBlock Text="{Binding 图片标题}" HorizontalAlignment="Center" FontSize="14" Margin="2,0" Grid.Row="0" Grid.column="2"/>
                                    <Rectangle Fill="#FFC9CACA" VerticalAlignment="Stretch" Width="1" Grid.Row="0" Grid.column="3"/>
                                    <TextBlock Text="{Binding 上传时间}" FontSize="14" HorizontalAlignment="Center" Margin="2,0" Grid.Row="0" Grid.column="4"/>
                                    <!--内容行之间的横线-->
                                    <Rectangle Fill="#FFC9CACA" VerticalAlignment="Stretch" Height="1"
                                   Visibility="Visible" Grid.Row="1" Grid.columnSpan="5" />
                                    <TextBlock Text="{Binding 备注}" FontSize="14" Grid.Row="2" Grid.column="0" Grid.columnSpan="5" textwrapping="Wrap"></TextBlock>
                                </Grid>
                            </DataTemplate>
                        </sdk:DataGridTemplatecolumn.CellTemplate>
                    </sdk:DataGridTemplatecolumn>

                </sdk:DataGrid.columns>
            </sdk:DataGrid>
        </Grid>
        <Grid x:Name="gBottom" VerticalAlignment="Bottom">
            <sdk:DataPager x:Name="DataPager1" PageIndexChanged="DataPager1_PageIndexChanged" Height="24" PageSize="4" Displaymode="FirstLastPrevIoUsNext" VerticalAlignment="Bottom" Margin="0"/>
        </Grid>
    </Grid>
</controls:ChildWindow>

如下界面