跨多个 DataGrid 共享 DataGrid 列宽度

Question

我正在一个应用程序中使用相同的列和绑定集创建多个 DataGrid。我希望做的是使所有 DataGrid 对一个 DataGrid 中的更改做出适当的响应。如果我更改一列的大小，其他 DG 中的相应列应具有相同的宽度。这与SO上的这个问题有点相似（WPF share columns width Between alone grids) 除了 DataGrid，而不是 Grid。我希望 DataGrids 有一个类似于 Grid 中的 IsSharedSize 的属性，但情况似乎并非如此。

是否有我可以访问的属性或某种替代方法来完成我想要完成的任务？不过，在有人提出这一点之前，我无法将它们全部合并到一个 DataGrid 中，我正在尝试的意味着由于应用程序本身的性质，我无法将所有信息放入一个 DataGrid 中。

Answer 1

虽然开箱即用的 DataGrid 无法共享宽度，但我发现这是处理此类情况的最佳方法。

在源 DataGrid 列和目标 DataGrid 列宽度之间创建绑定。就我而言，我有两个目标 DataGrid（dgTarget1 和 dgTarget2），因此代码如下：

for (int index = 0; index < dgSource.Columns.Count; index++)
{
    Binding bindingWidth = new Binding();
    bindingWidth.Mode = BindingMode.TwoWay;
    bindingWidth.Source = dgSource.Columns[index];
    bindingWidth.Path = new PropertyPath(DataGridColumn.WidthProperty);
    BindingOperations.SetBinding(dgTarget1.Columns[index], DataGridColumn.WidthProperty, bindingWidth);
    BindingOperations.SetBinding(dgTarget2.Columns[index], DataGridColumn.WidthProperty, bindingWidth);
}   

Answer 2

在这个聚会上有点晚了，但我遇到了一个类似的场景，我需要一个网格位于 DataGrid 下方并共享相同的列跨度。您可以仅使用 XAML 实现与 digitalguy 的答案类似的功能：

<DataGrid x:Name="dgOne">
    <DataGrid.Columns>
        <DataGridTextColumn Header="One" />
        <DataGridTextColumn Header="Two" />
        <DataGridTextColumn Header="Three" />
        <DataGridTextColumn Header="Four" />
    </DataGrid.Columns>
</DataGrid>
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="{Binding Columns[0].ActualWidth, ElementName=dgOne}" />
        <ColumnDefinition Width="{Binding Columns[1].ActualWidth, ElementName=dgOne}" />
        <ColumnDefinition Width="{Binding Columns[2].ActualWidth, ElementName=dgOne}" />
        <ColumnDefinition Width="{Binding Columns[3].ActualWidth, ElementName=dgOne}" />
    </Grid.ColumnDefinitions>
    ...
</Grid>

您没有理由不能使用两个 DataGrid 执行相同的操作。

<DataGrid x:Name="dgOne">
    <DataGrid.Columns>
        <DataGridTextColumn Header="One" />
        <DataGridTextColumn Header="Two" />
        <DataGridTextColumn Header="Three" />
        <DataGridTextColumn Header="Four" />
    </DataGrid.Columns>
</DataGrid>
<DataGrid>
    <DataGrid.Columns>
        <DataGridTextColumn Header="One" Width="{Binding Columns[0].ActualWidth, ElementName=dgOne}" />
        <DataGridTextColumn Header="Two" Width="{Binding Columns[0].ActualWidth, ElementName=dgOne}" />
        <DataGridTextColumn Header="Three" Width="{Binding Columns[0].ActualWidth, ElementName=dgOne}" />
        <DataGridTextColumn Header="Four" Width="{Binding Columns[0].ActualWidth, ElementName=dgOne}" />
    </DataGrid.Columns>
</DataGrid>