如何将RadGridView行详情模板中列的宽度绑定至主网格列？

我之前做类似需求的时候也踩过这个坑，直接绑定Width或ActualWidth没生效大概率是因为命名范围限制或者绑定路径没找对——毕竟行详情是模板化内容，用ElementName经常定位不到主列。给你几个亲测有效的方案：

方案一：用RelativeSource绑定主列的ActualWidth（推荐纯XAML实现） #

这种方式最优雅，不需要写后台代码。核心是通过RelativeSource向上遍历VisualTree，定位到主网格对应的列，绑定它的ActualWidth属性。

假设主网格和子网格都是手动定义列（必须手动定义，自动生成列无法保证顺序匹配），示例代码如下：

<telerik:RadGridView x:Name="MainGridView" AutoGenerateColumns="False">
    <telerik:RadGridView.Columns>
        <telerik:GridViewDataColumn Header="ID" Width="80" />
        <telerik:GridViewDataColumn Header="名称" Width="200" />
        <telerik:GridViewDataColumn Header="描述" Width="*" />
    </telerik:RadGridView.Columns>
    
    <!-- 行详情模板 -->
    <telerik:RadGridView.RowDetailsTemplate>
        <DataTemplate>
            <telerik:RadGridView x:Name="ChildGridView" AutoGenerateColumns="False" 
                                 ItemsSource="{Binding SubItems}" ShowColumnHeaders="False">
                <telerik:RadGridView.Columns>
                    <!-- 绑定对应主列的ActualWidth -->
                    <telerik:GridViewDataColumn 
                        Width="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=telerik:GridViewDataColumn, AncestorLevel=2}, Mode=OneWay}"
                        DataMemberBinding="{Binding Id}" />
                    <telerik:GridViewDataColumn 
                        Width="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=telerik:GridViewDataColumn, AncestorLevel=2}, Mode=OneWay}"
                        DataMemberBinding="{Binding Name}" />
                    <telerik:GridViewDataColumn 
                        Width="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=telerik:GridViewDataColumn, AncestorLevel=2}, Mode=OneWay}"
                        DataMemberBinding="{Binding Desc}" />
                </telerik:RadGridView.Columns>
            </telerik:RadGridView>
        </DataTemplate>
    </telerik:RadGridView.RowDetailsTemplate>
</telerik:RadGridView>

这里的AncestorLevel=2是因为子列的上层是子GridView的列容器，再往上才是主网格的列，你可以根据自己的VisualTree结构微调这个数值。如果主列用的是*（占比宽度），可以绑定Width属性而非ActualWidth，这样子列也会继承相对占比规则。

方案二：后台代码同步列宽（适合复杂场景） #

如果XAML绑定遇到特殊情况（比如自定义列类型），可以通过主网格的事件手动同步列宽，同时在初始加载时也要同步一次：

private void MainGridView_Loaded(object sender, RoutedEventArgs e)
{
    // 页面加载时同步初始列宽
    SyncChildGridColumnWidths();
}

private void MainGridView_ColumnWidthChanged(object sender, GridViewColumnWidthChangedEventArgs e)
{
    // 用户调整主列宽时同步
    SyncChildGridColumnWidths();
}

private void SyncChildGridColumnWidths()
{
    foreach (var dataItem in MainGridView.Items)
    {
        var mainRow = MainGridView.ItemContainerGenerator.ContainerFromItem(dataItem) as GridViewRow;
        if (mainRow?.DetailsVisibility != Visibility.Visible) continue;
        
        // 从行详情模板中找到子GridView
        var childGrid = mainRow.DetailsTemplate.FindName("ChildGridView", mainRow) as RadGridView;
        if (childGrid == null) continue;
        
        // 按列索引一一对应同步宽度
        for (int i = 0; i < MainGridView.Columns.Count && i < childGrid.Columns.Count; i++)
        {
            childGrid.Columns[i].Width = MainGridView.Columns[i].ActualWidth;
        }
    }
}

注意要确保子网格的列数量、顺序和主网格完全一致，否则会出现列宽错位的问题。

关键注意事项 #

• 子网格必须设置AutoGenerateColumns="False"，手动定义列，否则无法保证和主网格的列匹配。
• ActualWidth是只读属性，绑定的时候一定要加Mode=OneWay，否则会触发绑定错误。
• 如果主列允许用户拖拽调整宽度，方案一的绑定会自动实时同步；方案二则依赖ColumnWidthChanged事件触发同步。

内容的提问来源于stack exchange，提问作者sfaust