WPF DataGrid 垂直调整大小

Question

我想将 DataGrid 放置在 HeaderedContentControl 内，但 DataGrid 没有垂直滚动条。它的大小似乎可以同时容纳所有行，底部从视图中消失。

如果我将相同的 DataGrid 放入边框元素中，我确实会得到我想要的行为。

我已将其简化为这个最小的示例：

<Grid>
    <HeaderedContentControl  Margin="10,10,10,161" >
        <HeaderedContentControl.Header >test</HeaderedContentControl.Header>

        <!-- I want it Here but then no Vertical Scroll-->
        <DataGrid ItemsSource="{Binding Path=AllData}"                      
                  AutoGenerateColumns="True"  />
    </HeaderedContentControl>

    <Border Margin="10,169,10,10">                                
        <!--Here it does scroll -->
        <DataGrid ItemsSource="{Binding Path=AllData}" 
                  AutoGenerateColumns="True"  />
    </Border>                      
</Grid>

一些注意事项：

• 我无法使用 HeaderedContentControl.VerticalContentAlignment 使其工作，
• 此问题与 这个问题，但我想我已经扩大了它的范围，并且有一个更好的答案。
• 在 DataGrid 周围使用 ScrollViewer 不是一个解决方案，因为它会将标题滚动到看不见的地方。
• 我正在使用 WPF4

Answer 1

您看到此行为是因为 HeaderedContentControl 的默认模板使用 StackPanel 来显示其内容。由于StackPanel 采用其子项的大小，因此DataGrid 会扩展其高度，使其每个项目都显示在屏幕上，而无需滚动条。然后，由于 HeaderedContentControl 的大小，显示内容会被裁剪。

更改模板以使用 Grid 或 DockPanel 可以解决此问题：

<Style TargetType="{x:Type HeaderedContentControl}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type HeaderedContentControl}">
        <DockPanel>
          <ContentPresenter DockPanel.Dock="Top" ContentSource="Header" />
          <ContentPresenter />
        </DockPanel>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>