水平滚动条始终出现在 WPF DataGrid 中

Question

我遇到了一个问题。在我看来，我有一个 DataGrid，其水平滚动条的 Visibility 设置为 Auto。我面临的问题是滚动条一直出现，即使 DataGrid 有足够的空间来扩展并完全显示自己。我几乎尝试了所有方法，但无法弄清楚出了什么问题。

我已经上传了一个示例应用程序来演示问题here。希望有人指出我犯的错误。

Answer 1

我做了以下更改/解决方法来解决问题。这可能不是完美的解决方案，但对我有用。

我在Grid 中又添加了两列，一列在开头，一列在末尾。

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="{Binding ElementName=m_DataGrid, Path=RowHeaderWidth}" />
    <ColumnDefinition Width="{Binding ElementName=col1, Path=ActualWidth}" />
    <ColumnDefinition Width="{Binding ElementName=col2, Path=ActualWidth}" />
    <ColumnDefinition Width="{Binding ElementName=col3, Path=ActualWidth}" />
    <ColumnDefinition Width="{Binding ElementName=col4, Path=ActualWidth}" />
    <ColumnDefinition x:Name="specialCol" />
</Grid.ColumnDefinitions>

然后我增加了DataGrid的ColumnSpan

...Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="6" ....

然后我在Constrcutor 的Window 中添加了这一行

specialCol.Width = new GridLength (2);

并将UpdateGrid 方法更改为此

 void UpdateGrid()
 {
     ScrollViewer scrollview = FindVisualChild<ScrollViewer>(m_DataGrid);
     Visibility verticalVisibility = scrollview.ComputedVerticalScrollBarVisibility;

     if (verticalVisibility == System.Windows.Visibility.Visible)
     {
       specialCol.Width = new GridLength(20);
       m_Border.Width = m_DataGrid.ActualWidth - m_DataGrid.RowHeaderWidth - 17;
     }
     else
     {
        specialCol.Width = new GridLength(2);
        m_Border.Width = m_DataGrid.ActualWidth - m_DataGrid.RowHeaderWidth;
     }
}

在需要之前，我现在看不到任何 HorizontalScrollBar

Answer 2

您需要删除为所有数据网格列设置的 MinWidth，您还可以设置数据网格列 Width="*" 以填充它们的所有可用空间。看下面的代码

好的，我找到了，请把m_MainGrid 和m_DataGrid 中的Horizo​​ntalAlignment 去掉，另外，去掉m_MainGrid 中的所有ColumnDefinition。我在您的解决方案上进行了尝试，并且成功了。

<Window x:Class="Data_Grid_Issue.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <Grid Margin="50" >
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <Border x:Name="m_Border" CornerRadius="5,5,0,0" BorderBrush="Black" Margin="20,0,0,0"
                BorderThickness="1,1,1,0" HorizontalAlignment="Left" Background="LightBlue"
                Width="{Binding ElementName=m_DataGrid, Path=ActualWidth}">
            <Label Content="Hello" HorizontalAlignment="Center"/>
        </Border>
        <Grid x:Name="m_MainGrid" Grid.Row="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <!--<Grid.ColumnDefinitions>
                <ColumnDefinition Width="{Binding ElementName=col1, Path=ActualWidth}" />
                <ColumnDefinition Width="{Binding ElementName=col2, Path=ActualWidth}" />
                <ColumnDefinition Width="{Binding ElementName=col3, Path=ActualWidth}" />
                <ColumnDefinition Width="{Binding ElementName=col4, Path=ActualWidth}" />
            </Grid.ColumnDefinitions>-->


            <DataGrid ScrollViewer.ScrollChanged="m_DataGrid_ScrollChanged" Width="Auto" x:Name="m_DataGrid" ItemsSource="{Binding Path= Testing}"
                      AutoGenerateColumns="False" Margin="0,0,0,0" EnableRowVirtualization="True"
                      RowHeaderWidth="20"  Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="4"
                      VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">

                <DataGrid.Columns>
                    <DataGridTextColumn Width="Auto" Binding="{Binding Path=a}" MinWidth="200"
                                        x:Name="col1" Header="Col1"></DataGridTextColumn>
                    <DataGridTextColumn Width="Auto" Binding="{Binding Path=b}"  MinWidth="200"
                                        x:Name="col2" Header="Col2"></DataGridTextColumn>
                    <DataGridTextColumn Width="Auto" Binding="{Binding Path=c}"  MinWidth="200"
                                        x:Name="col3" Header="Col3"></DataGridTextColumn>
                    <DataGridTextColumn Width="Auto" Binding="{Binding Path=d}"  MinWidth="200"
                                        x:Name="col4" Header="Col4"></DataGridTextColumn>
                </DataGrid.Columns>
            </DataGrid>
        </Grid>
    </Grid>
</Grid>