Wpf dockpanel内的xaml按钮消失

我有一个datagrid，dockpanel里面有3个按钮。当数据网格列表填满页面时，垂直滚动条出现，3个按钮消失。即使您一直滚动到底部，按钮也不存在

<HeaderedContentControl>
    <HeaderedContentControl.Header>
        <TextBlock TextWrapping="Wrap">
            <TextBlock.Text>
                <MultiBinding StringFormat="Associated WUCs for {0} ({1})">
                    <Binding Path="Class.Name" />
                    <Binding Path="Class.Narrative" />
                </MultiBinding>
            </TextBlock.Text>
        </TextBlock>
    </HeaderedContentControl.Header>
    <DockPanel>
        <DockPanel>
        <m:DataGrid ItemsSource="{Binding Source={StaticResource ViewSource}}"
                    DockPanel.Dock="Top"
                    Style="{StaticResource {x:Type DataGrid}}"
                    CanUserAddRows="False"
                    CanUserDeleteRows="True">
            <DataGrid.Columns>
                <DataGridTemplateColumn IsReadOnly="True">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button Style="{StaticResource DataGridButtonStyle}"
                                    Command="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}, Path=DataContext.DeleteCommand}"
                                    CommandParameter="{Binding}">
                                <Image Style="{StaticResource DataGridButtonImageStyle}"
                                       Source="{StaticResource DeleteImage}" />
                            </Button>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTextColumn Header="{Binding Source={x:Type entities:OtherClass}, ConverterParameter='Name', Converter={StaticResource DisplayNameConverter}}"
                                    Binding="{Binding Name}"
                                    IsReadOnly="True"
                                    SortDirection="Ascending" />
                <DataGridTextColumn Header="{Binding Source={x:Type entities:OtherClass}, ConverterParameter='Narrative', Converter={StaticResource DisplayNameConverter}}"
                                    Binding="{Binding Narrative}"
                                    IsReadOnly="True"
                                    SortDirection="Ascending" />
            </DataGrid.Columns>
            </m:DataGrid>
        </DockPanel>
        <Button Command="{Binding AddCommand}">
            <StackPanel Orientation="Horizontal">
                <Image Source="{StaticResource AddImage}"
                       Height="16" />
                <TextBlock Text=" Add" />
            </StackPanel>
        </Button>
        <Button Command="{Binding OkCommand}"
                DockPanel.Dock="Right"
                Content="OK" />
        <Button Command="{Binding CancelCommand}"
                DockPanel.Dock="Right"
                Content="Cancel"
                HorizontalAlignment="Right" />
    </DockPanel>
</HeaderedContentControl>

---

我想3个按钮去底部和外部的滚动条时，滚动出现。我尝试过使用stackpanel，但这会禁用滚动条。我还尝试将datagrid包装在一个dockpanel中，将3个按钮包装在另一个dockpanel中，但它们似乎不共享页面，只显示datagrid的列表。

我这样做的一种方法是将3个按钮包装在另一个dockpanel中，并将其固定在底部。我把dockpanel移到了数据网格之上，这非常重要

---

我解决这个问题的另一种方法是将dockpanel更改为网格，并给它两行，一行用于datagrid，另一行用于环绕stackpanel的3个按钮。

第一个选项工作得非常好。不错