如何设置 DataGridColumn 的宽度以适合内容（“自动”），但完全填充 MVVM 中 DataGrid 的可用空间？

Question

我有一个包含一些数据的 WPF DataGrid。我想设置列的宽度，使内容适合并且永远不会被裁剪（相反，水平滚动条应该变得可见）。此外，我希望 DataGrid 填充整个可用位置（我正在使用 DockPanel）。我正在使用以下代码（简化）：

<DataGrid ItemsSource="{Binding Table}">
    <DataGrid.Columns>
        <DataGridTextColumn MinWidth="100" Width="Auto" Header="Column 1" Binding="{Binding Property1}" />
        <DataGridTextColumn MinWidth="200" Width="Auto" Header="Column 2" Binding="{Binding Property2}" />
    </DataGrid.Columns>
</DataGrid>

这显然不能用 Width="Auto" 开箱即用，因为它总是看起来像这样：

这显然看起来很难看。我想选择整行，或者选择列来填充整个宽度，这会更好，但正如人们所看到的，这是行不通的。

如果我使用 Width="*" ，列的内容会被裁剪，这对我来说更糟糕。

我在这里发现了一个类似的问题，并且那里发布了一个解决方法。这可能有效，但我正在使用 MVVM 模式，因此 ItemsSource 在 ViewModel 中更新，并且我无法考虑从那里执行此操作的方法，因为我无法访问 ActualWidth DataGridColumn 的 属性。另外，如果可能的话，我只想在 XAML 中执行此操作。

我将不胜感激任何帮助。谢谢！

编辑：由于我仍然不知道该怎么办，所以我开始了一笔小额赏金。如果有人提出可以解决我的问题的建议，我将非常高兴。再次感谢！

编辑2：在saus的回答之后，我再次考虑了这些选项。问题是我还需要在应用程序运行期间更新 Width 和 MinWidth 属性，因此不仅仅是在加载窗口之后。我已经尝试做类似

column.Width = new DataGridLength(1, DataGridLengthUnitType.Auto);
column.MinWidth = column.ActualWidth;
column.Width = new DataGridLength(1, DataGridLengthUnitType.Star);

在 DataGrid 的底层 ItemsSource 更新时触发的某些事件。但是，这不起作用，因为在将 Width 设置为 Auto 后，ActualWidth 属性似乎没有改变。是否可以选择以某种方式“重新绘制”它以便更新 ActualWidth 属性？谢谢！

Answer 1

我建议使用您链接到的解决方法。它确实有效。在视图的代码隐藏中，将以下内容添加到构造函数中的 InitializeComponent(): 后

Griddy.Loaded += SetMinWidths; // I named my datagrid Griddy

，并将 SetMinWidths 定义为：

public void SetMinWidths(object source, EventArgs e )
        {
            foreach (var column in Griddy.Columns)
            {
                column.MinWidth = column.ActualWidth;
                column.Width = new DataGridLength(1, DataGridLengthUnitType.Star);
            }
        }

我假设您不想使用此解决方案的原因是您认为 MVVM 禁止代码隐藏中的代码。但由于这完全是视图特定的逻辑，我相信在这种情况下这是合理的。整个“MVVM 禁止代码隐藏中的代码”这件事有点误解。

但是，如果您受到样式指南的约束，或者您希望此逻辑可用于应用程序中的所有数据网格，则可以创建一个附加行为来完成如下工作：

public class SetMinWidthToAutoAttachedBehaviour 
    {
        public static bool GetSetMinWidthToAuto(DependencyObject obj)
        {
            return (bool)obj.GetValue(SetMinWidthToAutoProperty);
        }

        public static void SetSetMinWidthToAuto(DependencyObject obj, bool value)
        {
            obj.SetValue(SetMinWidthToAutoProperty, value);
        }

        // Using a DependencyProperty as the backing store for SetMinWidthToAuto.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty SetMinWidthToAutoProperty =
            DependencyProperty.RegisterAttached("SetMinWidthToAuto", typeof(bool), typeof(SetMinWidthToAutoAttachedBehaviour), new UIPropertyMetadata(false, WireUpLoadedEvent));

        public static void WireUpLoadedEvent(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var grid = (DataGrid)d;

            var doIt = (bool)e.NewValue;

            if (doIt)
            {
                grid.Loaded += SetMinWidths;
            }
        }

        public static void SetMinWidths(object source, EventArgs e)
        {
            var grid = (DataGrid)source;

            foreach (var column in grid.Columns)
            {
                column.MinWidth = column.ActualWidth;
                column.Width = new DataGridLength(1, DataGridLengthUnitType.Star);
            }
        }
    }

然后对于您想要应用此行为的任何数据网格，添加以下内容：

<DataGrid ItemsSource="{Binding Table}" local:SetMinWidthToAutoAttachedBehaviour.SetMinWidthToAuto="true">

然后你的良心以及你的代码隐藏就会变得清晰。

Answer 2

使用在模板列内进行文本换行的 TextBlock：

<DataGrid ItemsSource="{Binding Table}">      
    <DataGrid.Columns>          
        <DataGridTextColumn MinWidth="100" Width="Auto" Header="Column 1"
                            Binding="{Binding Property1}" />          
        <DataGridTemplateColumn Width="*" Header="Column 2">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Property2}" TextWrapping="Wrap" />  
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>  
</DataGrid>

Answer 3

怎么样：

对于你的列的 MinWidth，你设置一个到 dataGrid 的 ScrollContent 的宽度的绑定，使用一个转换器将该宽度除以你需要在转换器后面编写一些代码的列数

，但这将使你的 MVVM 结构保持完整。

虽然可能性很小，但没有时间尝试。

编辑：我对此进行了更多思考，并有一个问题：如果您有一个巨大的列和一些小的列，那么它不会很好地工作。我假设所有列的宽度都相同，但这里的情况显然不是这样。

不过，您可能想探索这种方式。在宽度上使用转换器的绑定是我能想到的唯一可行的方法：因为在计算列的宽度时基本上有两个条件需要考虑，所以没有简单的方法可以做到这一点。

Answer 4

我将 Event 添加到 DataGrid 中，根据 DataGrid 的实际宽度重新定义它们的宽度：

 private static void OnLoaded(object sender, RoutedEventArgs e)
    {
        DataGrid dg = sender as DataGrid;
        foreach (var column in dg.Columns)
        {
            column.Width = new DataGridLength(dg.ActualWidth / dg.Columns.Count, DataGridLengthUnitType.Pixel);
        }
    }

这行：

column.Width = new DataGridLength(1, DataGridLengthUnitType.Star);

绝对毫无意义。 DataGridLengthUnitType.Star 的定义将列宽度缩小到最小宽度，并使其宽度静态且不可编辑。

Answer 5

将此用于您想要适合其内容的任何列：
宽度=“尺寸到单元格”

Answer 6

强制最后一列占据数据网格中的所有剩余空间

grid.Columns[grid.Columns.Count -1].Width = new 
                  DataGridLength(250, DataGridLengthUnitType.Star);