blocks|key|4238966|text|我试过这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4238967|<tk:DataGrid+Width="100"+Height="100"+x:Name="Grid1"+Grid.Column="0">
+++<tk:DataGrid.Columns>
++++++<tk:DataGridTextColumn+x:Name="Column1"+Width="50"/>
+++</tk:DataGrid.Columns>
</tk:DataGrid>
<tk:DataGrid+Width="100"+Height="100"+x:Name="Grid2"+Grid.Column="1">
+++<tk:DataGrid.Columns>
+++++<tk:DataGridTextColumn+x:Name="Column1Copy"+Width="{Binding+Mode=TwoWay,+Path=Columns[0].ActualWidth,+ElementName=Grid1}"/>
+++++</tk:DataGrid.Columns>
</tk:DataGrid>|code-block|syntax|javascript|4238968|但是，由于DataGridColumn不是从FrameworkElement派生的，而是从DependencyObject派生的，所以这种方式的绑定是不可用的。|offset|length|style|CODE|4238969|entityMap^0|0|0|5|E|M|G|19|G|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|N|$]]

I tried this:

<pre><code>&lt;tk:DataGrid Width="100" Height="100" x:Name="Grid1" Grid.Column="0"&gt;
 &lt;tk:DataGrid.Columns&gt;
 &lt;tk:DataGridTextColumn x:Name="Column1" Width="50"/&gt;
 &lt;/tk:DataGrid.Columns&gt;
&lt;/tk:DataGrid&gt;
&lt;tk:DataGrid Width="100" Height="100" x:Name="Grid2" Grid.Column="1"&gt;
 &lt;tk:DataGrid.Columns&gt;
 &lt;tk:DataGridTextColumn x:Name="Column1Copy" Width="{Binding Mode=TwoWay, Path=Columns[0].ActualWidth, ElementName=Grid1}"/&gt;
 &lt;/tk:DataGrid.Columns&gt;
&lt;/tk:DataGrid&gt;
</code></pre>

However, It looks like since <code>DataGridColumn</code>s do not derive from <code>FrameworkElement</code> but instead derive from <code>DependencyObject</code>, binding in this manner is not available.

blocks|key|3392037|text|嗯，我不认为直接使用XAML是可能的，但我仍然觉得应该这样做，因为DataGridColumn确实是从DependencyObject派生的。不过，我确实找到了一种编程的方法。我对此并不兴奋，但它是有效的：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3392038|DataGridColumn.WidthProperty.AddValueChanged(upperCol,+delegate
{
++++if+(changing)+return;
++++changing+=+true;
++++mainCol.Width+=+upperCol.Width;
++++changing+=+false;
});
DataGridColumn.WidthProperty.AddValueChanged(mainCol,+delegate+
{+
++++if+(changing)+return;
++++changing+=+true;
++++upperCol.Width+=+mainCol.Width;+
++++changing+=+false;+
});

public+static+void+AddValueChanged(this+DependencyProperty+property,+object+sourceObject,+EventHandler+handler)
{
++++DependencyPropertyDescriptor+dpd+=+DependencyPropertyDescriptor.FromProperty(property,+property.OwnerType);
++++dpd.AddValueChanged(sourceObject,+handler);
}|code-block|syntax|javascript|3392039|entityMap^0|X|E|1F|G|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

Well, I don't think that it is possible using straight XAML, but I still feel like it should because <code>DataGridColumn</code> does derive from <code>DependencyObject</code>. I did find a way to do it programatically though. I'm not thrilled about it, but it works:

<pre><code>DataGridColumn.WidthProperty.AddValueChanged(upperCol, delegate
{
 if (changing) return;
 changing = true;
 mainCol.Width = upperCol.Width;
 changing = false;
});
DataGridColumn.WidthProperty.AddValueChanged(mainCol, delegate 
{ 
 if (changing) return;
 changing = true;
 upperCol.Width = mainCol.Width; 
 changing = false; 
});

public static void AddValueChanged(this DependencyProperty property, object sourceObject, EventHandler handler)
{
 DependencyPropertyDescriptor dpd = DependencyPropertyDescriptor.FromProperty(property, property.OwnerType);
 dpd.AddValueChanged(sourceObject, handler);
}
</code></pre>

blocks|key|4239083|text|我找到了这个问题的解决方案，还有一个很酷的解决方案:-)你可以下载WPF工具包并获得DataGrid的代码。有了代码之后，您所要做的就是更改DataGridColumn类，使其继承FrameworkElement而不是DependencyObject。一旦您这样做了-您只剩下一个问题，列的DataContext将不会被初始化，因为列不是逻辑树的一部分，将它添加到逻辑树可以解决这个问题。您可以这样做:其中发送者是:+private+void+OnColumnInitialization(object+OnColumnInitialization，EventArgs+e)+{|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4239084|+++++++++AddLogicalChild(sender);+++++++++}+Now+that+it+is+part+of+the+logical+tree+you+have+the+same+data+context+and+you+can+use+binding+on+the++Width+property.+If+all+are+bound+to+the+same+Width+-+you+have+a+complete+sync+of+the+Width+of+your+columns.+This+worked+for+me+:-)+Gili|code-block|syntax|javascript|4239085|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I found a solution to this problem, and an extra cool solution :-)
You can download the WPF toolkit and get the code of the DataGrid.
Once you have the code all you have to do is change the DataGridColumn class to inherit FrameworkElement instead of DependencyObject.
Once you do so - you are left with only one problem, the DataContext of the column would not be initialized since the column is not part of the logical tree, adding it to the logical tree would solve this.
You can do it like this:

Where the OnColumnInitialization is:
 private void OnColumnInitialization(object sender, EventArgs e)
 { 
 AddLogicalChild(sender);
 }
Now that it is part of the logical tree you have the same data context and you can use binding on the 
Width property.
If all are bound to the same Width - you have a complete sync of the Width of your columns.
This worked for me :-)
Gili

blocks|key|176422|text|您可以使用DataGrid+LayoutUpdated方法来操作与列宽相关的其他对象。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|176423|private+void+dataGrid1_LayoutUpdated(object+sender,+EventArgs+e)
{
++++for(int+i+=+0+;+i+<+dataGrid1.Columns.Count+&&+i+<+dataGrid2.Columns.Count+;+%2B%2Bi)
++++++++dataGrid2.Columns[i].Width+=+dataGrid1.Columns[i].ActualWidth;
}|code-block|syntax|javascript|176424|entityMap^0|5|8|E|D|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

You can use the <code>DataGrid</code> <code>LayoutUpdated</code> method to manipulate other objects regarding the column widths.

<pre><code>private void dataGrid1_LayoutUpdated(object sender, EventArgs e)
{
 for(int i = 0 ; i &lt; dataGrid1.Columns.Count &amp;&amp; i &lt; dataGrid2.Columns.Count ; ++i)
 dataGrid2.Columns[i].Width = dataGrid1.Columns[i].ActualWidth;
}
</code></pre>

blocks|key|955380|text|如果你想在XAML中绑定列宽属性，在2个DataGrid中，你必须这样做。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|955381|在第一个DataGrid中，命名DataGridTextColumn|955382|<DataGrid>
++++<DataGrid.Columns>
++++++++<DataGridTextColumn+x:Name="Col1"/>
++++</DataGrid.Columns>
</DataGrid>|code-block|syntax|javascript|955383|在第二个DataGrid中，添加一个指向上述列的DiscreteObjectKeyFrame作为资源，并在要“链接”的DataGridTextColumn上使用以下Binding+to+Width属性：|955384|<DataGrid>
++++<DataGrid.Resources>
++++++++<DiscreteObjectKeyFrame+x:Key="proxyCol1"+Value="{Binding+ElementName=Col1}"/>
++++</DataGrid.Resources>
++++<DataGrid.Columns>
++++++++<DataGridTextColumn++Width="{Binding+Path=Value.Width,+Mode=TwoWay,+Source={StaticResource+proxyCol1}}"/>
++++</DataGrid.Columns>
</DataGrid>|955385|entityMap^0|K|8|0|4|8|G|I|0|0|4|8|O|M|1N|I|2A|7|2L|5|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]|$9|18|A|19|B|C]|$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|R|$]]

If you want to bind column Width property in XAML, in 2 <code>DataGrid</code>'s than you have to do the following.

In the first <code>DataGrid</code> name the <code>DataGridTextColumn</code>:

<pre><code>&lt;DataGrid&gt;
 &lt;DataGrid.Columns&gt;
 &lt;DataGridTextColumn x:Name="Col1"/&gt;
 &lt;/DataGrid.Columns&gt;
&lt;/DataGrid&gt;
</code></pre>

In the second <code>DataGrid</code> add a <code>DiscreteObjectKeyFrame</code> pointing to the above mentioned column as a resource, and use the following <code>Binding</code> to <code>Width</code> property on the <code>DataGridTextColumn</code> you want to "link":

<pre><code>&lt;DataGrid&gt;
 &lt;DataGrid.Resources&gt;
 &lt;DiscreteObjectKeyFrame x:Key="proxyCol1" Value="{Binding ElementName=Col1}"/&gt;
 &lt;/DataGrid.Resources&gt;
 &lt;DataGrid.Columns&gt;
 &lt;DataGridTextColumn Width="{Binding Path=Value.Width, Mode=TwoWay, Source={StaticResource proxyCol1}}"/&gt;
 &lt;/DataGrid.Columns&gt;
&lt;/DataGrid&gt;
</code></pre>

blocks|key|4239183|text|我做了一个快速的解决方案，使用一个附加的行为，灵感来自上面的Ahmed答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4239184|public+class+DataGridWidthSyncronizerBehavior
{
++++public+static+readonly+DependencyProperty+SyncronizeWidthWithProperty+=
++++++++DependencyProperty.RegisterAttached("SyncronizeWidthWith",
++++++++++++typeof(DataGrid),
++++++++++++typeof(DataGridWidthSyncronizerBehavior),
++++++++++++new+UIPropertyMetadata(null,+SyncronizeWidthWithChanged));

++++public+static+void+SetSyncronizeWidthWith(DependencyObject+target,+DataGrid+value)
++++{
++++++++target.SetValue(SyncronizeWidthWithProperty,+value);
++++}

++++public+static+DataGrid+GetSyncronizeWidthWith(DependencyObject+target)
++++{
++++++++return+(DataGrid)target.GetValue(SyncronizeWidthWithProperty);
++++}

++++private+static+void+SyncronizeWidthWithChanged(DependencyObject+obj,+DependencyPropertyChangedEventArgs+dpargs)
++++{
++++++++if+(!(obj+is+DataGrid+sourceDataGrid))
++++++++++++return;

++++++++if+(!(sourceDataGrid.GetValue(SyncronizeWidthWithProperty)+is+DataGrid+targetDataGrid))
++++++++++++return;

++++++++void+Handler(object+sender,+EventArgs+e)
++++++++{
++++++++++++for+(var+i+=+0;+i+<+sourceDataGrid.Columns.Count+&&+i+<+targetDataGrid.Columns.Count;+%2B%2Bi)
++++++++++++++++targetDataGrid.Columns[i].Width+=+sourceDataGrid.Columns[i].ActualWidth;
++++++++}

++++++++sourceDataGrid.LayoutUpdated+-=+Handler;
++++++++sourceDataGrid.LayoutUpdated+%2B=+Handler;
++++}
}|code-block|syntax|javascript|4239185|XAML：|4239186|<DataGrid+local:DataGridWidthSyncronizerBehavior.SyncronizeWidthWith="{Binding+ElementName=SyncronizedHeaderGrid}">
++++<DataGrid.Columns>
++++++++<DataGridTextColumn+Header="Header+1"+
++++++++++++++++++++++++++++Binding="{Binding+Item1}"+/>
++++++++<DataGridTextColumn+Header="Header+2"+
++++++++++++++++++++++++++++Binding="{Binding+Item2}"/>
++++++++<DataGridTextColumn+Header="Header+3"+
++++++++++++++++++++++++++++Binding="{Binding+Item3}"/>
++++</DataGrid.Columns>
</DataGrid>

<DataGrid+x:Name="SyncronizedHeaderGrid">
++++<DataGrid.Columns>
++++++++<DataGridTextColumn+Header="Header+1"+
++++++++++++++++++++++++++++Binding="{Binding+Item1}"+/>
++++++++<DataGridTextColumn+Header="Header+2"+
++++++++++++++++++++++++++++Binding="{Binding+Item2}"/>
++++++++<DataGridTextColumn+Header="Header+3"+
++++++++++++++++++++++++++++Binding="{Binding+Item3}"/>
++++</DataGrid.Columns>
</DataGrid>|4239187|第二个DataGrids，页眉和单元格宽度，现在与第一个网格页眉宽度同步。|4239188|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I did a quick solution to this to using a attached behavior, Inspired by Ahmed answer above.

<pre><code>public class DataGridWidthSyncronizerBehavior
{
 public static readonly DependencyProperty SyncronizeWidthWithProperty =
 DependencyProperty.RegisterAttached("SyncronizeWidthWith",
 typeof(DataGrid),
 typeof(DataGridWidthSyncronizerBehavior),
 new UIPropertyMetadata(null, SyncronizeWidthWithChanged));

 public static void SetSyncronizeWidthWith(DependencyObject target, DataGrid value)
 {
 target.SetValue(SyncronizeWidthWithProperty, value);
 }

 public static DataGrid GetSyncronizeWidthWith(DependencyObject target)
 {
 return (DataGrid)target.GetValue(SyncronizeWidthWithProperty);
 }

 private static void SyncronizeWidthWithChanged(DependencyObject obj, DependencyPropertyChangedEventArgs dpargs)
 {
 if (!(obj is DataGrid sourceDataGrid))
 return;

 if (!(sourceDataGrid.GetValue(SyncronizeWidthWithProperty) is DataGrid targetDataGrid))
 return;

 void Handler(object sender, EventArgs e)
 {
 for (var i = 0; i &lt; sourceDataGrid.Columns.Count &amp;&amp; i &lt; targetDataGrid.Columns.Count; ++i)
 targetDataGrid.Columns[i].Width = sourceDataGrid.Columns[i].ActualWidth;
 }

 sourceDataGrid.LayoutUpdated -= Handler;
 sourceDataGrid.LayoutUpdated += Handler;
 }
}
</code></pre>

XAML:

<pre><code>&lt;DataGrid local:DataGridWidthSyncronizerBehavior.SyncronizeWidthWith="{Binding ElementName=SyncronizedHeaderGrid}"&gt;
 &lt;DataGrid.Columns&gt;
 &lt;DataGridTextColumn Header="Header 1" 
 Binding="{Binding Item1}" /&gt;
 &lt;DataGridTextColumn Header="Header 2" 
 Binding="{Binding Item2}"/&gt;
 &lt;DataGridTextColumn Header="Header 3" 
 Binding="{Binding Item3}"/&gt;
 &lt;/DataGrid.Columns&gt;
&lt;/DataGrid&gt;

&lt;DataGrid x:Name="SyncronizedHeaderGrid"&gt;
 &lt;DataGrid.Columns&gt;
 &lt;DataGridTextColumn Header="Header 1" 
 Binding="{Binding Item1}" /&gt;
 &lt;DataGridTextColumn Header="Header 2" 
 Binding="{Binding Item2}"/&gt;
 &lt;DataGridTextColumn Header="Header 3" 
 Binding="{Binding Item3}"/&gt;
 &lt;/DataGrid.Columns&gt;
&lt;/DataGrid&gt;
</code></pre>

The Second DataGrids, header and cell width, is now syncronized with the first grid header width.

I've got two WPF Toolkit <code>DataGrids</code>, I'd like so that when the user resizes the first column in the first grid, it resizes the first column in the second grid. I've tried binding the width of the <code>DataGridColumn</code> in the second grid to the appropriate column in the first grid, but it doesn't work. I'd prefer to use all xaml, but I'm fine with using code behind as well.

<pre><code>&lt;tk:DataGrid Width="100" Height="100"&gt;
 &lt;tk:DataGrid.Columns&gt;
 &lt;tk:DataGridTextColumn x:Name="Column1" Width="50"/&gt;
 &lt;/tk:DataGrid.Columns&gt;
&lt;/tk:DataGrid&gt;
&lt;tk:DataGrid Width="100" Height="100"&gt;
 &lt;tk:DataGrid.Columns&gt;
 &lt;tk:DataGridTextColumn x:Name="Column1Copy" Width="{Binding Path=ActualWidth, ElementName=Column1}"/&gt;
 &lt;/tk:DataGrid.Columns&gt;
&lt;/tk:DataGrid&gt;
</code></pre>

I also tried binding to <code>Width</code> instead of <code>ActualWidth</code>, but neither works.

Any help is greatly appreciated.

WPF DataGrid Sync Column Widths

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有两个WPF Toolkit DataGrids，我希望当用户调整第一个网格中第一列的大小时，它也会调整第二个网格中第一列的大小。我尝试将第二个网格中DataGridColumn的宽度绑定到第一个网格中适当的列，但不起作用。我更喜欢使用所有的xaml，但我也可以使用代码隐藏。<tk:DataGrid Width="1...

问WPF DataGrid同步列宽
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WPF DataGrid同步列宽EN