WPF MVVM模式下DataGrid动态列头与列数绑定失效问题

DataGrid的Columns集合不属于WPF可视化树，也不会继承DataGrid的DataContext。你使用RelativeSource={RelativeSource AncestorType={x:Type UserControl}}的绑定方式无法找到UserControl的上下文，导致ResultsHeader和ShowResultsColumns的绑定完全失效，因此表头为空、所有列强制显示。

方案1：通过DataGrid的DataContext间接绑定 #

DataGrid的DataContext就是你的ViewModel，可直接通过引用DataGrid的上下文完成绑定，无需查找UserControl：

修改XAML列绑定代码：

<DataGrid Grid.Row="1" HorizontalAlignment="Left" ItemsSource="{Binding Results}" Margin="10" IsReadOnly="True" AutoGenerateColumns="False"
            Visibility="{Binding ShowResults, Converter={StaticResource BooleanToVisibilityConverter}}"
            x:Name="ResultDataGrid">
    <DataGrid.Columns>
        <DataGridTextColumn Width="auto" Binding="{Binding [0]}"
                            Header="{Binding DataContext.ResultsHeader[0], ElementName=ResultDataGrid}"
                            Visibility="{Binding DataContext.ShowResultsColumns[0], Converter={StaticResource BooleanToVisibilityConverter}, ElementName=ResultDataGrid}"/>
        <DataGridTextColumn Width="auto" Binding="{Binding [1]}"
                            Header="{Binding DataContext.ResultsHeader[1], ElementName=ResultDataGrid}"
                            Visibility="{Binding DataContext.ShowResultsColumns[1], Converter={StaticResource BooleanToVisibilityConverter}, ElementName=ResultDataGrid}"/>
        <DataGridTextColumn Width="auto" Binding="{Binding [2]}"
                            Header="{Binding DataContext.ResultsHeader[2], ElementName=ResultDataGrid}"
                            Visibility="{Binding DataContext.ShowResultsColumns[2], Converter={StaticResource BooleanToVisibilityConverter}, ElementName=ResultDataGrid}"/>
        <DataGridTextColumn Width="auto" Binding="{Binding [3]}"
                            Header="{Binding DataContext.ResultsHeader[3], ElementName=ResultDataGrid}"
                            Visibility="{Binding DataContext.ShowResultsColumns[3], Converter={StaticResource BooleanToVisibilityConverter}, ElementName=ResultDataGrid}"/>
    </DataGrid.Columns>
</DataGrid>

给DataGrid命名为ResultDataGrid，通过ElementName引用它的DataContext，即可正确绑定到ViewModel的属性。

方案2：动态生成列（更通用，适配可变列数场景） #

如果列数可能超过4，或需要完全匹配ResultsHeader的长度，建议在ViewModel中动态生成列定义，替代XAML写死列数的方式：

1. ViewModel中添加列集合属性并实现生成逻辑 #

private static readonly int maxNumberOfColumnsInResults = 4;

private ObservableCollection<string[]> _results;
public ObservableCollection<string[]> Results
{
    get { return _results; }
    set {
        _results = value;
        OnPropertyChanged(nameof(Results));
        OnPropertyChanged(nameof(ShowResults));
    }
}

public bool ShowResults
{
    get { return _results != null; }
}

private string[] _resultsHeader;
public string[] ResultsHeader
{
    get { return _resultsHeader; }
    set {
        _resultsHeader = value;
        OnPropertyChanged(nameof(ResultsHeader));
        GenerateResultColumns();
        OnPropertyChanged(nameof(ShowResultsColumns));
    }
}

public bool[] ShowResultsColumns
{
    get
    {
        return _resultsHeader == null
                    ? Enumerable.Repeat(false, maxNumberOfColumnsInResults).ToArray()
                    : Enumerable.Range(0, maxNumberOfColumnsInResults).Select(x => x < ResultsHeader.Length).ToArray();
    }
}

// 新增动态列集合属性
private ObservableCollection<DataGridColumn> _resultColumns;
public ObservableCollection<DataGridColumn> ResultColumns
{
    get { return _resultColumns; }
    set
    {
        _resultColumns = value;
        OnPropertyChanged(nameof(ResultColumns));
    }
}

// 生成动态列的方法
private void GenerateResultColumns()
{
    var columns = new ObservableCollection<DataGridColumn>();
    if (_resultsHeader == null)
    {
        ResultColumns = columns;
        return;
    }

    for (int i = 0; i < _resultsHeader.Length; i++)
    {
        int columnIndex = i; // 避免闭包陷阱
        columns.Add(new DataGridTextColumn
        {
            Width = DataGridLength.Auto,
            Binding = new Binding($"[{columnIndex}]"),
            Header = _resultsHeader[columnIndex],
            Visibility = ShowResultsColumns[columnIndex] ? Visibility.Visible : Visibility.Collapsed
        });
    }

    // 补全到最大列数的空白列（可选）
    for (int i = _resultsHeader.Length; i < maxNumberOfColumnsInResults; i++)
    {
        columns.Add(new DataGridTextColumn
        {
            Width = DataGridLength.Auto,
            Binding = new Binding($"[{i}]"),
            Visibility = Visibility.Collapsed
        });
    }

    ResultColumns = columns;
}

2. 修改XAML绑定动态列集合 #

<DataGrid Grid.Row="1" HorizontalAlignment="Left" ItemsSource="{Binding Results}" Margin="10" IsReadOnly="True" AutoGenerateColumns="False"
            Visibility="{Binding ShowResults, Converter={StaticResource BooleanToVisibilityConverter}}"
            Columns="{Binding ResultColumns}"/>

这种方式完全摆脱XAML写死列数的限制，列的数量、表头和可见性完全由ResultsHeader控制，更符合通用DataGrid的需求。

• 方案1中需确保ShowResultsColumns的OnPropertyChanged触发正确，因为数组是引用类型，重新生成数组时必须触发属性变更通知，绑定才能更新UI。
• 方案2中如果需要动态切换列的可见性，建议将ShowResultsColumns改为ObservableCollection<bool>，而非普通bool[]，这样属性变更时能自动同步到UI。

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