在WPF DataGrid中合併單元格

我想要創建跨越一列中的多行的WPF數據網格。像這樣：在WPF DataGrid中合併單元格

+-------+----------------+ 
| Name | Attributes  | 
+-------+----------------+ 
|  | Horse Power | 
| BMW +----------------+ 
|  | Color   | 
+-------+----------------+ 
|  | Weight   | 
| Ford +----------------+ 
|  | Color   | 
+-------+----------------+

如何更改以下代碼以完成它？

<DataGrid AutoGenerateColumns="False"> 
    <DataGrid.Columns> 
      <DataGridTextColumn Header="Name" /> 
      <DataGridTextColumn Header="Attributes" /> 
    </DataGrid.Columns> 
</DataGrid>

來源

2013-06-19 juergen d

有你有使用'DataGrid'一個原因？這看起來很簡單，您應該可以更輕鬆地在ListView中使用自定義ListViewItems。 – Gjeltema

我認爲ListView也可以。真實的東西有更多的列，它們會被點擊特定單元格的顏色，等等...... –

我不是'ListView'自己的最大粉絲，但是對於您正在尋找的自定義，我認爲這將是更好的選擇。我發現'DataGrid'（甚至是第三方的'DataGrid'控件）不能輕鬆地完成像「多行列單元格」這樣的操作。 – Gjeltema

嘗試使用DataGridTemplateColumn。我創建的樣本測試類數據綁定

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; } 
}

而在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>

一個DataGrid和代碼隱藏

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

來源

2013-06-21 06:05:19 lena

這可以工作，但請注意，一旦使用DataGridTemplateColumn複製/粘貼不再跨行或列工作。 – Kelly

如果屬性的數量是動態的，有時是2，有時是4？它如何被渲染？ –

關於這個問題的另一個有用的文章是http://www.mindstick.com/Articles/90371ed3-c0f7-49eb-ba2d-9d1f2c9b14e2/?Grid%20Control%20in%20WPF填充：

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition /> 
     <RowDefinition /> 
     <RowDefinition /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition /> 
     <ColumnDefinition /> 
     <ColumnDefinition /> 
    </Grid.ColumnDefinitions> 
    <Button x:Name="btn1" Content="First Button" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" /> 
    <Button x:Name="btn2" Content="Second Button" Grid.Row="0" Grid.Column="2" /> 
    <Button x:Name="btn3" Content="Thired Button" Grid.Row="1" Grid.Column="0" Grid.RowSpan="2" /> 
    <Button x:Name="btn4" Content="Fourth Button" Grid.Row="1" Grid.Column="1" /> 
    <Button x:Name="btn5" Content="Fifth Button" Grid.Row="1" Grid.Column="2" /> 
    <Button x:Name="btn6" Content="Six Button" Grid.Row="2" Grid.Column="1" Grid.ColumnSpan="2" />

注意Grid.ColumnSpan和Grid.RowSpan屬性。

來源

2013-11-05 01:33:57

這似乎是關於佈局網格，而不是DataGrid – peterG

我設法實現了一個解決方案，可以根據您的需要進行三級分組，只需一個小問題，即組頭標隨數據滾動。

<Style x:Key="GroupItemStyle" TargetType="{x:Type GroupItem}"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type GroupItem}"> 
         <StackPanel Orientation="Horizontal" > 
          <Border BorderThickness="0"> 
           <Grid HorizontalAlignment="Center" VerticalAlignment="Center"> 
            <Grid.ColumnDefinitions> 
             <ColumnDefinition Width="Auto"/> 
             <ColumnDefinition Width="Auto"/> 
            </Grid.ColumnDefinitions> 

            <Border BorderThickness="1" MinWidth="150"> 
             <Grid HorizontalAlignment="Center" VerticalAlignment="Center"> 
              <ContentPresenter Content="{Binding Name}" > 
              </ContentPresenter> 
             </Grid> 

            </Border> 
            <Border BorderThickness="0" Grid.Column="1"> 
             <Grid HorizontalAlignment="Center" VerticalAlignment="Center"> 
              <ItemsPresenter/> 
             </Grid> 
            </Border> 
           </Grid> 
          </Border> 
         </StackPanel> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style>

和電網：

  <DataGrid ItemsSource="{Binding GroupedData}" AutoGenerateColumns="False" MinRowHeight="25" CanUserAddRows="False" CanUserDeleteRows="False"> 
       <DataGrid.GroupStyle> 
        <!-- First Group --> 
        <GroupStyle ContainerStyle="{StaticResource GroupItemStyle}"> 
         <GroupStyle.Panel> 
          <ItemsPanelTemplate> 
           <DataGridRowsPresenter/> 
          </ItemsPanelTemplate> 
         </GroupStyle.Panel> 
        </GroupStyle> 

        <!-- Second Group --> 
        <GroupStyle ContainerStyle="{StaticResource GroupItemStyle}"> 
         <GroupStyle.Panel> 
          <ItemsPanelTemplate> 
           <DataGridRowsPresenter/> 
          </ItemsPanelTemplate> 
         </GroupStyle.Panel> 

        </GroupStyle> 

        <!-- Third Group --> 
        <GroupStyle ContainerStyle="{StaticResource GroupItemStyle}"> 
         <GroupStyle.Panel> 
          <ItemsPanelTemplate> 
           <DataGridRowsPresenter/> 
          </ItemsPanelTemplate> 
         </GroupStyle.Panel> 
        </GroupStyle> 
       </DataGrid.GroupStyle> 
       <DataGrid.Columns> 
     ... 
       </DataGrid.Columns> 
      </DataGrid>

來源

2014-10-08 13:31:39

在WPF DataGrid中合併單元格

回答

相關問題