WPF Datagrid列宽度最大化时调整大小

时间:2015-10-24 06:14:43

标签: c# wpf xaml datagrid

我在网格列中添加了WPF数据网格,这里是XAML

<DataGrid x:Name="grdProgramList" IsReadOnly="True" 
          Grid.Column="1" Grid.Row="1" 
          Width="{Binding Path=ActualWidth, ElementName=grid}"
          RenderOptions.ClearTypeHint="Enabled"
          TextOptions.TextFormattingMode="Display"
          HeadersVisibility="All"
          Margin="5"
          SelectionMode="Single"
          SelectionUnit="FullRow"
          SelectionChanged="AzureDataGrid_Selected"
          ItemsSource="{Binding Path=Uninstaller.ProgramCollection}"
          SelectedItem="{Binding Uninstaller.SelectedProgramDetails,  Mode=TwoWay}"
          AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Header="PROGRAM NAME" 
                            Binding="{Binding ProgramDetails.ProgramName}" 
                            MinWidth="325" />
        <DataGridTextColumn Header="Publisher"
                            Binding="{Binding ProgramDetails.PublisherName}" />
        <DataGridTextColumn Header="Estimated Size (KB)"
                            Binding="{Binding ProgramDetails.EstimatedSize}" />
        <DataGridTextColumn Header="Version"
                            Binding="{Binding ProgramDetails.Version}" />
    </DataGrid.Columns>
    <DataGrid.RowStyle>
        <Style TargetType="{x:Type DataGridRow}">
            <EventSetter Event="MouseDoubleClick" Handler="Row_DoubleClick"/>
            <Style.Triggers>
                <!-- IsSelected -->
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding Path=IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
                    </MultiDataTrigger.Conditions>
                    <Setter Property="Background" Value="#CC119EDA" />
                    <Setter Property="Foreground" Value="White" />
                    <Setter Property="BorderBrush" Value="#CC119EDA" />
                </MultiDataTrigger>
                <!-- IsHover -->
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding Path=IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true" />
                    </MultiDataTrigger.Conditions>
                    <Setter Property="Background" Value="#66119EDA" />
                    <Setter Property="BorderBrush" Value="#66119EDA" />
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
    </DataGrid.RowStyle>
</DataGrid>

当它重新调整大小时我想要使所有列宽度适合网格宽度

现在它看起来像这样。

enter image description here

1 个答案:

答案 0 :(得分:1)

您应该设置Width的{​​{1}}属性。它的类型为DataGridLength,允许您将值设置为成比例 您可以将值设置为DataGridColumn,然后设置number(例如*2*默认为*)。 如果您希望每个1*具有相同的column,请在每个width上将其设置为*

<DataGrid.Columns>
    <DataGridTextColumn Header="PROGRAM NAME" 
                        Binding="{Binding ProgramDetails.ProgramName}" 
                        MinWidth="325" Width="*" />
    <DataGridTextColumn Header="Publisher"
                        Binding="{Binding ProgramDetails.PublisherName}" Width="*" />
    <DataGridTextColumn Header="Estimated Size (KB)"
                        Binding="{Binding ProgramDetails.EstimatedSize}"  Width="*"/>
    <DataGridTextColumn Header="Version"
                        Binding="{Binding ProgramDetails.Version}" Width="*" />
</DataGrid.Columns>

如果您只希望最后一列占用剩余空间,请仅在该列上设置Width

 <DataGrid.Columns>
    <DataGridTextColumn Header="PROGRAM NAME" 
                        Binding="{Binding ProgramDetails.ProgramName}" 
                        MinWidth="325" />
    <DataGridTextColumn Header="Publisher"
                        Binding="{Binding ProgramDetails.PublisherName}" />
    <DataGridTextColumn Header="Estimated Size (KB)"
                        Binding="{Binding ProgramDetails.EstimatedSize}" />
    <DataGridTextColumn Header="Version"
                        Binding="{Binding ProgramDetails.Version}" Width="*" />
</DataGrid.Columns>