Создать подстроку / дочернюю строку в сетке данных из списка объектов в моем родительском объекте C # WPF

Question

Итак, скажем, для этого примера у меня есть объект типа автомобиля справа. Класс автомобиля выглядит следующим образом:

class Car
{
    public string Make { get; set; }
    public string Model { get; set; }
    public List<Wheel> Wheels { get; set; }
}

и класс Колеса выглядит следующим образом:

class Wheel
{
    public int ID { get; set; }
    public string Size { get; set; }
    public string Shape { get; set; }
    public string Brand{ get; set; }
}

так что в основном я хочу, чтобы List<Wheel> wheels отображался в подстроке / дочерней строке

См. Скриншот ниже:

Я работаю в C # WPF

Answer 1

Вот как вы можете отображать ваши данные в виде вложенной сетки

    <DataGrid ItemsSource="{Binding Path=Cars}" AutoGenerateColumns="false"
              RowDetailsVisibilityMode="Visible"
              CanUserAddRows="False" >
        <DataGrid.Columns>
            <DataGridTextColumn Header="Make" Binding="{Binding Make}"/>
            <DataGridTextColumn Header="Model" Binding="{Binding Model}"/>
        </DataGrid.Columns>
        <DataGrid.RowDetailsTemplate>
            <DataTemplate>
                <DataGrid ItemsSource="{Binding Path=Wheels}" AutoGenerateColumns="false" CanUserAddRows="False">
                    <DataGrid.Columns>
                        <DataGridTextColumn Header="ID" Binding="{Binding Path=ID}"/>
                        <DataGridTextColumn Header="Size" Binding="{Binding Path=Size}" IsReadOnly="True"/>
                        <DataGridTextColumn Header="Shape" Binding="{Binding Path=Shape}" IsReadOnly="True"/>
                        <DataGridTextColumn Header="Brand" Binding="{Binding Path=Brand}" IsReadOnly="True"/>
                    </DataGrid.Columns>
                </DataGrid>
            </DataTemplate>
        </DataGrid.RowDetailsTemplate>
    </DataGrid>