当放置在 WPF 中的网格内时，无法在数据网格中看到垂直滚动条

Question

从过去 2 天开始，我陷入了一个小问题，我不知道为什么我无法解决它。我做了很多工作，并实施了堆栈溢出提供的各种建议来解决问题，但最后我因实施不成功而感到厌倦。

我的问题是我想要一个可滚动的数据网格，它可以放置在 Grid 控件或 DockPanel 内（正如我尝试过的那样）。下面是我正在使用的代码。

<Grid IsEnabled="{Binding IsCalcVarGridPartEnable}">
    <Grid.Resources>
        <BooleanToVisibilityConverter x:Key="boolToVisiblityConverter" />
        <sys.converters:BoolToVisibleHiddenConvertor x:Key="boolToVisibleHiddenConvertor"/>
        <FrameworkElement x:Key="ProxyElement"
                     DataContext="{Binding}"/>
    </Grid.Resources>
    <Grid.RowDefinitions>
        <RowDefinition Height="30" />
        <RowDefinition Height="*" />
        <RowDefinition Height="30"/>
    </Grid.RowDefinitions>
    <Border Style="{StaticResource SeperatorStyle}" Grid.Row="0">
        <TextBlock Style="{StaticResource BannerTextStyle}" Text="Calculation Variable" />
    </Border>

    <Border Style="{StaticResource SeperatorStyle}" Grid.Row="2">
        <Button Content="Edit" HorizontalAlignment="Right" Margin="10,5" Command="{Binding EditCalcVarCmd}" />
    </Border>

    <ContentControl Visibility="Collapsed"
            Content="{StaticResource ProxyElement}"/>

    <DataGrid AutoGenerateColumns="False" 
              Name="dataGridCalcVar" 
              VerticalAlignment="Top"
              HorizontalAlignment="Left"
              IsReadOnly="True"                       
              SelectionMode="Single" 
              SelectionUnit="FullRow"                  
              ItemsSource="{Binding CalcVarCollection}"
              SelectedItem="{Binding SelectedCalcVar}"
              HorizontalScrollBarVisibility="Auto"
              VerticalScrollBarVisibility="Auto"                                    
                  >
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="MouseDoubleClick" >
                <i:InvokeCommandAction Command="{Binding CalcVarDoubleClickedCmd}" />
            </i:EventTrigger>
        </i:Interaction.Triggers>
        <DataGrid.ColumnHeaderStyle>
            <StaticResourceExtension ResourceKey="DataGridColumnHeaderStyle" />
        </DataGrid.ColumnHeaderStyle>
        <DataGrid.CellStyle>
            <StaticResourceExtension ResourceKey="DataGridCellStyle" />
        </DataGrid.CellStyle>
        <DataGrid.Columns>
            <DataGridTextColumn Header="Type Description" MinWidth="150" MaxWidth="200" Binding="{Binding CalcTypName}" />
            <DataGridTextColumn Header="Variable Description" MinWidth="150" MaxWidth="200" Binding="{Binding CalcVarName}" />
            <DataGridTextColumn Header="Major Description" MinWidth="150" MaxWidth="200" Binding="{Binding MjAcctTypDesc}" 
                                Visibility="{Binding DataContext.IsMjMiAcctTypVisible, Source={StaticResource ProxyElement},
                                Converter={StaticResource boolToVisibleHiddenConvertor}}" />
            <DataGridTextColumn Header="Minor Description" MinWidth="150" MaxWidth="200" Binding="{Binding MiAcctTypDesc}" 
                                Visibility="{Binding DataContext.IsMjMiAcctTypVisible, Source={StaticResource ProxyElement},
                                Converter={StaticResource boolToVisibleHiddenConvertor}}" />
            <DataGridTextColumn Header="DNA Value" MinWidth="50" MaxWidth="200" Binding="{Binding CalcVarValueName}" />
            <DataGridTextColumn Header="Critical Value" MinWidth="50" MaxWidth="200" Binding="{Binding CriticalValueName}" />
            <DataGridTextColumn Header="Note" MinWidth="150" MaxWidth="200" Binding="{Binding Note}" />
        </DataGrid.Columns>
    </DataGrid>

    <sysclient:PartStatusView Grid.RowSpan="5" Grid.ColumnSpan="7"
        Style="{DynamicResource PartStatusViewDefaultStyle}" IsTabStop="False"/>
</Grid>

重要提示：只有当我设置 Datagrid 控件的最大高度但我不想设置行或 datagrid 控件的 max-height 属性时，我才能获得滚动条。我希望当我调整窗口大小或任何可用空间时，将数据网格设置到该空间中，当我们查询数据时，如果数据数据大于可用空间，则数据网格会带来垂直滚动条。

请帮帮我！！！！！！

我希望我能够解释我的问题。 :-) :-)

谢谢，

Answer 1

据我所知，这里有两个属性可以帮助你

将Grid.Row="1" 添加到您的数据网格中

从容器中移除 VerticalAlignment="Top"，这实际上会阻止它从容器中获取高度

例如

<DataGrid AutoGenerateColumns="False" 
          Name="dataGridCalcVar" 
          Grid.Row="1"
          HorizontalAlignment="Left"
          IsReadOnly="True"                       
          SelectionMode="Single" 
          SelectionUnit="FullRow"                  
          ItemsSource="{Binding CalcVarCollection}"
          SelectedItem="{Binding SelectedCalcVar}"
          HorizontalScrollBarVisibility="Auto"
          VerticalScrollBarVisibility="Auto">

我假设您想将网格放置在占用剩余空间的中间行。