如何以帐单格式显示WPF Datagrid

Question

我要求以帐单格式显示WPF Datagrid，如下所示。

现在我能够以下列格式显示简单的数据网格。

WPF Datagrid如下：

<DataGrid Name="gridDetails"  AutoGenerateColumns="False" ItemsSource="{Binding Orders}">
                            <DataGrid.Columns>
                                             <DataGridTextColumn Header="Item Name" Binding="{Binding itemName}" Width="150">
                                    <DataGridTextColumn.ElementStyle>
                                        <Style>
                                            <Setter Property="TextBlock.TextWrapping" Value="Wrap" />
                                            <Setter Property="TextBlock.TextAlignment" Value="Center"/>
                                        </Style>
                                    </DataGridTextColumn.ElementStyle>
                                </DataGridTextColumn>                                

                                <DataGridTemplateColumn Header="Item Addtionals">
                                    <DataGridTemplateColumn.CellTemplate>
                                        <DataTemplate>
                                            <ItemsControl ItemsSource="{Binding ItemAdditionals}">
                                                <ItemsControl.ItemTemplate>
                                                    <DataTemplate>
                                                        <TextBlock Text="{Binding}"/>
                                                    </DataTemplate>
                                                </ItemsControl.ItemTemplate>
                                            </ItemsControl>
                                        </DataTemplate>
                                    </DataGridTemplateColumn.CellTemplate>
                                </DataGridTemplateColumn>
                                <DataGridTextColumn Header="Quantity" Binding="{Binding quantity}" />

                                <DataGridTextColumn Header="Price" Binding="{Binding itemPrice}" />
                            </DataGrid.Columns> 

</DataGrid>

任何人都可以帮助我实现所需的输出数据网格格式。

Answer 1

这看起来像项目名称列中的树视图：

private void Add_Click(object sender, RoutedEventArgs e)
{
        using (var db = new Family())
        {
            var ft = new Father { Name = NewFT.Text };
            db.Fathers.Add(ft);
            db.SaveChanges();
            Fathers.ItemsSource = db.Fathers.ToList();
        }
 }

使用左边距作为缩进视觉。