wpf - How to change this XAML code to align rows and add headers?

Question

Taking the code of this WPF application (or what is the same, this), databinding a а collection (List object (myOrders):

1. how to place OrderName in one line with the first line of PartNmae and PartQuantity?

2. how to add common headers on top of columns?

That is in place of current

I'd like to produce:

Order Name       Part Name  Quantity  
Order1           Part11     11  
                 Part12     12  

Order2           Part21     22 
                 Part22     22  
                 Part23     23  

Related question based on the same code example:

• What would be the simplest XAML code to databind compound (collection) object (WPF)?

Update (addressing advise about using DataGrid):
The question was about how to hack the formatting in case in TreeView-like manner...

DataGrid permits to collapse/expand parts of the collection or make master/detail views but I could not find how to suppress repeating values, i.e. in this case of OrderName:

Order Name       Part Name  Quantity  
Order1           Part11     11  
Order1           Part12     12  

Order2           Part21     22 
Order2           Part22     22  
Order2           Part23     23  

Answer 1

It is called grouping and have a look at

• c-sharpcorner.com article "Grouping in Datagrid in WPF" .

It explains it pretty nicely. Basically you have to wrap your collection in a ListCollectionView and define the GroupDescription. Hope this helps!

ListCollectionView collection = new ListCollectionView(myOrders);
collection.GroupDescriptions.Add(new PropertyGroupDescription(OrderName);
DataGrid.ItemSource = collection;