Avalonia MVVM：DataTable绑定DataGrid显示异常，需动态适配多表

核心问题原因 #

Avalonia的DataGrid与WPF的DataGrid在DataView绑定机制上存在差异，直接将DataTable.DefaultView赋值给DataContext无法让控件正确识别数据源，同时需要确保属性变更通知和正确的绑定语法。

解决方案步骤 #

1. 实现属性变更通知（INotifyPropertyChanged）

确保ViewModel实现INotifyPropertyChanged，当数据源或列集合更新时通知UI同步刷新：

using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Data;
using MySql.Data.MySqlClient;
using Avalonia.Controls;
using Avalonia.Data;
using System.Collections.ObjectModel;

public class TableViewModel : INotifyPropertyChanged
{
    private DataView _gridContext;
    private ObservableCollection<DataGridColumn> _gridColumns;

    public DataView GridContext
    {
        get => _gridContext;
        set
        {
            _gridContext = value;
            OnPropertyChanged();
        }
    }

    public ObservableCollection<DataGridColumn> GridColumns
    {
        get => _gridColumns;
        set
        {
            _gridColumns = value;
            OnPropertyChanged();
        }
    }

    // 加载指定表数据
    public void LoadTableData(string selectedTable, MySqlConnection currentConnection)
    {
        var dAdapter = new MySqlDataAdapter($"SELECT * FROM {selectedTable}", currentConnection);
        var dTable = new DataTable();
        dAdapter.Fill(dTable);

        // 更新数据源
        GridContext = dTable.DefaultView;
        // 动态生成适配当前表的列
        GenerateDynamicColumns(dTable);
    }

    // 遍历DataTable列，生成DataGrid列
    private void GenerateDynamicColumns(DataTable dataTable)
    {
        var columns = new ObservableCollection<DataGridColumn>();
        foreach (DataColumn col in dataTable.Columns)
        {
            columns.Add(new DataGridTextColumn
            {
                Header = col.ColumnName,
                // Avalonia绑定DataRowView列必须用索引器语法
                Binding = new Binding($"[{col.ColumnName}]")
            });
        }
        GridColumns = columns;
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 配置XAML中的DataGrid绑定

在XAML中显式绑定ItemsSource和Columns，替代仅设置DataContext的方式：

<DataGrid ItemsSource="{Binding GridContext}"
          Columns="{Binding GridColumns}"
          CanUserResizeColumns="True"
          CanUserSortColumns="True"/>

如果不需要自定义列样式，也可以使用自动生成列（部分场景下可用），只需开启AutoGenerateColumns="True"并绑定ItemsSource：

<DataGrid ItemsSource="{Binding GridContext}"
          AutoGenerateColumns="True"
          CanUserResizeColumns="True"
          CanUserSortColumns="True"/>

关键注意事项 #

• 必须绑定ItemsSource：Avalonia DataGrid需要显式关联ItemsSource才能正确识别数据源，仅设置DataContext无法触发数据源绑定。
• DataRowView绑定语法：绑定DataRowView的列时，必须使用[{列名}]的索引器格式，否则无法正确读取数据。
• 动态列适配：手动遍历DataTable列生成DataGrid列，能确保不同结构的表格都能正确渲染，避免自动生成列可能出现的类型匹配问题。

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