DataGrid column width doesn’t auto-update

The DataGrid will increase column sizes to fit as the data becomes longer, but it does not automatically decrease column sizes when the length of the data decreases. In your example, you’re right aligning the ‘Change’ column, and using the rest of the space for the ‘Name’ column.

Now, when a ‘Change’ property grows large enough that it should increase the column’s width, the ‘Name’ column is refusing to shrink to accommodate, so you have to force a refresh yourself.

The following steps should do this for you (I’ve included a sample app to demo):

1) In your DataGridTextColumn Bindings (all except your * sized column) set NotifyTargetUpdated=True.
2) On your DataGrid, add a handler to the TargetUpdated event.
3) In your TargetUpdated event handler:
— a) Set the DataGrid’s * sized column’s width to 0.
— b) Call the UpdateLayout() method on the DataGrid.
— c) Set the DataGrid’s * sized column’s width back to new DataGridLength(1, DataGridLengthUnitType.Star)

Example XAML:

<Window x:Class="DataGridTest.MainWindow"
        Title="MainWindow" Height="350" Width="525">
        <CollectionViewSource x:Key="MyObjectCollection" />
        <Button DockPanel.Dock="Bottom" Content="Click to Make Item 1s Text Longer" Click="Button_Click" />
            <DataGrid x:Name="dg" ItemsSource="{Binding Source={StaticResource MyObjectCollection}}" AutoGenerateColumns="False" TargetUpdated="dg_TargetUpdated">
                    <DataGridTextColumn Binding="{Binding First}" Width="1*"/>
                    <DataGridTextColumn Binding="{Binding Last, NotifyOnTargetUpdated=True}"  Width="Auto" />


Example Code Behind:

using System;
using System.Collections.ObjectModel;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.ComponentModel;

namespace DataGridTest
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
        private ObservableCollection<MyObject> myObjectList = new ObservableCollection<MyObject>();

        public MainWindow()
            (this.FindResource("MyObjectCollection") as CollectionViewSource).Source = this.myObjectList;
            this.myObjectList.Add(new MyObject() { First = "Bob", Last = "Jones" });
            this.myObjectList.Add(new MyObject() { First = "Jane", Last = "Doe" });

        private void Button_Click(object sender, RoutedEventArgs e)
            this.myObjectList[0].Last = "BillyOBrian";

        private void dg_TargetUpdated(object sender, DataTransferEventArgs e)
            dg.Columns[0].Width = 0;
            dg.Columns[0].Width = new DataGridLength(1, DataGridLengthUnitType.Star);

    public class MyObject : INotifyPropertyChanged
        private string firstName;
        public string First
            get { return this.firstName; }
                if (this.firstName != value)
                    this.firstName = value;

        private string lastName;
        public string Last
            get { return this.lastName; }
                if (this.lastName != value)
                    this.lastName = value;

        public MyObject() { }

        #region -- INotifyPropertyChanged Contract --

        public event PropertyChangedEventHandler PropertyChanged;

        private void NotifyPropertyChanged(String info)
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(info));

        #endregion INotifyPropertyChanged Contract

Leave a Comment