Merge Cells in WPF DataGrid

by

Try use DataGridTemplateColumn. I created sample test class for databinding

public class Test
{

    public Test(string name, string attribute1, string attribute2)
    {
        Name = name;
        Attributes = new Attribute(attribute1, attribute2);
    }

    public string Name { get; set; }
    public Attribute Attributes { get; set; }
}

public class Attribute
{

    public Attribute(string attribute1, string attribute2)
    {
        Attribute1 = attribute1;
        Attribute2 = attribute2;
    }

    public string Attribute1 { get; set; }
    public string Attribute2 { get; set; }
}

And a datagrid in xaml

<DataGrid AutoGenerateColumns="False"  Name="dataGrid1" ItemsSource="{Binding}">
        <DataGrid.Columns>
            <DataGridTemplateColumn Header="Name"  >
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <Grid>
                            <TextBlock Text="{Binding Path=Name}"  VerticalAlignment="Center" Margin="3,3,3,3"/>
                        </Grid>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
            <DataGridTemplateColumn Header="Attributes"  >
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate >
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="50*"/>
                                <RowDefinition />
                                <RowDefinition Height="50*"/>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0" Text="{Binding Path=Attributes.Attribute1}" VerticalAlignment="Center" Margin="3,3,3,3"/>
                            <Line Grid.Row="1" Stroke="Black" Stretch="Fill" X2="1" VerticalAlignment="Center"/>
                            <TextBlock Grid.Row="2" Text="{Binding Path=Attributes.Attribute2}"  VerticalAlignment="Center" Margin="3,3,3,3"/>
                        </Grid>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>

And fill it in code-behind

List<Test> list = new List<Test>();
//populate list with your data here
dataGrid1.DataContext = list;

More Related Contents:

  1. How to get ToolTip from WPF Data Grid Column Header (DataGridTemplateColumn) in code?
  2. Change DataGrid cell colour based on values
  3. Accessing UI (Main) Thread safely in WPF
  4. programmatically add column & rows to WPF Datagrid
  5. Select multiple items from a DataGrid in an MVVM WPF project
  6. How to bind DataTable to Datagrid
  7. WPF iterate through datagrid
  8. DataGrid shows path of image instead of image itself
  9. How can I set the color of a selected row in DataGrid
  10. Improve WPF DataGrid performance
  11. How to hide wpf datagrid columns depending on a property
  12. DataGrid column width doesn’t auto-update
  13. WPF Datagrid Get Selected Cell Value
  14. Data is visible in DataSet visualizer but does not show in a DataGrid
  15. How to loop over the rows of a WPF toolkit Datagrid
  16. How to build A WPF Datagrid with an unknown number of columns
  17. Date formatting in WPF datagrid
  18. Button in a column, getting the row from which it came on the Click event handler
  19. DataGrid row content vertical alignment
  20. WPF DataGrid: DataGridComboxBox ItemsSource Binding to a Collection of Collections
  21. FindVisualChild reference issue
  22. OpenClipboard failed when copy pasting data from WPF DataGrid
  23. How do I bind a List to a WPF DataGrid?
  24. ScrollIntoView for WPF DataGrid (MVVM)
  25. Binding datagrid column width
  26. How to set background of a datagrid cell during AutoGeneratingColumn event depending on its value?
  27. How to bind column header to property in ViewModel? (WPF MVVM)
  28. Add context menu in datagrid, how to get the select Item value
  29. Sort a wpf datagrid programmatically
  30. WPF DataGrid CustomSort for each Column

Leave a Comment