다른 높이의 높이를 기준으로 DataGrid의 높이를 확장하는 방법은 무엇입니까?

Question

더 많은 데이터를 가지고 더 높아진 DataGrid을 기반으로 두 개의 동일한 높이를 가질 수 있기를 바랍니다. 다른 말로하면 데이터 입력에 관계없이 두 개의 높이를 같게 두는 것이 좋습니다. 하나의 열과 소수의 열이 있습니다. 하나는 DataGrid이고 다른 하나는 DataGrid입니다. 이 경우 DataGrid 중 하나가 입력되면 더 크게 확장됩니다. 다른 DataGrid의 키가 같아야하고 아래 빈 공간이 필요합니다. 내가 어떻게 작동하게 할 수 있는지 궁금하다. DataGrid은 높이가 DataGrid 인 경우 자동으로 확장되어야합니다. 어떤 아이디어든지 높게 평가됩니다!

<Window 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
x:Class="DataGridExpand.MainWindow" 
x:Name="Window" 
Title="MainWindow" 
Width="640" Height="480"> 

<Window.Resources> 
    <XmlDataProvider x:Key="Info" XPath="Info/Values"> 
      <x:XData> 
      <Info xmlns=""> 
       <Values Name="Value1" /> 
       <Values Name="Value2" /> 
       <Values Name="Value3" /> 
       <Values Name="Value4" /> 
       <Values Name="Value5" /> 
       <Values Name="Value6" /> 
       <Values Name="Value7" /> 
       <Values Name="Value8" /> 
       <Values Name="Value9" /> 
      </Info> 
      </x:XData> 
    </XmlDataProvider> 
    <XmlDataProvider x:Key="Info2" XPath="Info2/Values2"> 
      <x:XData> 
      <Info2 xmlns=""> 
       <Values2 Name="Value1" /> 
       <Values2 Name="Value2" /> 
       <Values2 Name="Value3" /> 
       <Values2 Name="Value4" /> 
       <Values2 Name="Value5" /> 
      </Info2> 
      </x:XData> 
    </XmlDataProvider> 
</Window.Resources> 

<Grid x:Name="LayoutRoot" Margin="10" > 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto" /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="49*" /> 
     <ColumnDefinition Width="20" /> 
     <ColumnDefinition Width="49*" /> 
    </Grid.ColumnDefinitions> 
    <Border Padding="10" BorderBrush="Black" Background="#FFD2D2D2"> 
     <DataGrid x:Name="Main" GridLinesVisibility="Horizontal" AutoGenerateColumns="False" 
      ItemsSource="{Binding XPath=/Info2/Values2}" 
      DataContext="{Binding Source={StaticResource Info2}}" Margin="10"> 
      <DataGrid.Columns> 
       <DataGridTextColumn Binding="{Binding XPath=@Name}" Foreground="#FF6E6E6E" Width="160" /> 
      </DataGrid.Columns> 
     </DataGrid> 
    </Border> 
    <GridSplitter x:Name="GridSplitter" ResizeBehavior="PreviousAndNext" HorizontalAlignment="Stretch" Grid.Column="1" /> 
    <Border Grid.Column="2" Padding="10" BorderBrush="Black" Background="#FFD2D2D2"> 
     <DataGrid x:Name="Main1" GridLinesVisibility="Horizontal" AutoGenerateColumns="False" Margin="10" 
      ItemsSource="{Binding XPath=/Info/Values}" 
      DataContext="{Binding Source={StaticResource Info}}"> 
      <DataGrid.Columns> 
       <DataGridTextColumn Binding="{Binding XPath=@Name}" Foreground="#FF6E6E6E" Width="160" /> 
      </DataGrid.Columns> 
     </DataGrid> 
    </Border> 
</Grid> 

Answer 1

같은? MinimumHeight이 하나 인 DataGrid을 다른 하나의 ActualHeight으로 설정하거나 그 반대로 설정하십시오. 이것은 트릭을 할 수 있습니다 :

<DataGrid x:Name="Main" 
    MinHeight="{Binding ElementName=Main1,Path=ActualHeight}" 
    ... 

<DataGrid x:Name="Main1" GridLinesVisibility="Horizontal" AutoGenerateColumns="False" 
    MinHeight="{Binding ElementName=Main,Path=ActualHeight}" 
    ... 

Answer 2

당신은, 한 행 각을 가진 Grid에 모두 DataGrids을 넣어 그들에게 동기를 가지고 SharedSizeGroup를 사용할 수 있습니다

다음은 샘플 XAML입니다. 두 격자의 부모에 대해 Grid.IsSharedSizeScope을 설정하십시오.

난 당신이 바로, 당신은 정확히 같은 높이가 양쪽 DataGrid의를 가질 필요가 이해한다면이

<Grid x:Name="LayoutRoot" Margin="10" Grid.IsSharedSizeScope="True"> 
    ... 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition SharedSizeGroup="A"/> 
     </Grid.RowDefinitions> 
     ... 
     <DataGrid .../> <!-- DataGrid 1 --> 
    </Grid> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition SharedSizeGroup="A"/> 
     </Grid.RowDefinitions> 
     ... 
     <DataGrid .../> <!-- DataGrid 2 --> 
    </Grid> 
    ... 
</Grid>