How to Dynamically Bind Columns to a WPF DataGrid using XAML?

Dynamic binding of columns in WPF DataGrid

The Columns property of the WPF DataGrid is read-only, which creates challenges when trying to programmatically bind data with a variable number of columns.

Consider the following scenario:

<code class="language-csharp">class Data
{
    public IList<ColumnDescription> ColumnDescriptions { get; set; }
    public string[][] Rows { get; set; }
}</code>

To display this data in the DataGrid, the columns must be generated dynamically:

<code class="language-csharp">for (int i = 0; i < data.ColumnDescriptions.Count; i++)
{
    dataGrid.Columns.Add(new DataGridTextColumn
    {
        Header = data.ColumnDescriptions[i].Name,
        Binding = new Binding(string.Format("[{0}]", i))
    });
}</code>

Is it possible to replace this code with data binding in the XAML file?

Solution: BindableColumns attached attributes

While the Columns property is still read-only, an additional property called BindableColumns can be created:

<code class="language-csharp">public class DataGridColumnsBehavior
{
    public static readonly DependencyProperty BindableColumnsProperty =
        DependencyProperty.RegisterAttached("BindableColumns",
                                            typeof(ObservableCollection<DataGridTextColumn>),
                                            typeof(DataGridColumnsBehavior),
                                            new UIPropertyMetadata(null, BindableColumnsPropertyChanged));
    // ...
}</code>

You can then bind the BindableColumns property to the ObservableCollection of DataGridColumn objects in XAML:

<code class="language-xml"><DataGrid Name="dataGrid">
    local:DataGridColumnsBehavior.BindableColumns="{Binding ColumnCollection}"
    AutoGenerateColumns="False"
    ... /></code>

How to use

To use the BindableColumns behavior, define an ObservableCollection of DataGridColumn objects:

<code class="language-csharp">public ObservableCollection<DataGridTextColumn> ColumnCollection
{
    get;
    private set;
}</code>

And dynamically update the column via CollectionChanged event:

<code class="language-csharp">columns.CollectionChanged += (sender, e2) =>
{
    // ...
};</code>

This workaround allows data binding of columns in the DataGrid without modifying the read-only Columns property.

The above is the detailed content of How to Dynamically Bind Columns to a WPF DataGrid using XAML?. For more information, please follow other related articles on the PHP Chinese website!