Is there a way to synchronize column widths between two data grids?

[marklam]

I've got two DataGrids, one above the other, and I'd like the column widths to be synchronized (currently they're virtualized and all Auto width, and adjust size as new items are scrolled into view).

As an attempt, I tried making DataGridTemplateColumns which contained Grids with one ColumnDefinition where the SharedSizeGroup was set per-column, but it didn't push the sizing to the other DataGrid (I had Grid.IsSharedSizeGroup set at a higher level.

[cedric56]

I have done this by binding the width property, i do this by c# code

 foreach (var column in this.Columns.OrderBy(c => c.DisplayIndex))
 {
     if (column.IsVisible)
     {
         var col = new DataGridTextColumn() { Binding = new Binding() { Path = "Column" + this.Columns.IndexOf(column) } };
         Binding binding = new Binding
         {
             Source = column,
             Path = "Width",
         };
         col.Bind(DataGridTextColumn.WidthProperty, binding);
         grid.Columns.Add(col);
     }
 }

[marklam]

Thanks that looks very useful! Does it work bidirectionally? So if columnX has wider entries in grid than in this (or vice versa) will they stay in sync?

[cedric56]

Yes the second grid is sync with the first datagrid, but it is not bidirectionally.