title: How to bind 2 grid column widths together in xaml
body: <p>I'm hoping someone can make this easy.</p>
  
  <p>I have a grid with 5 columns, columns 1 and 3 contain splitters. What I want to happen is when I move one splitter have the other one move to match such that the effect is the first and last columns being sized together.</p>
  
  <pre><code>&lt;Grid &gt;
      &lt;Grid.ColumnDefinitions&gt;
          &lt;ColumnDefinition Width="*" x:Name="col1"/&gt;
          &lt;ColumnDefinition Width="5" /&gt;
          &lt;ColumnDefinition Width="3*"/&gt;
          &lt;ColumnDefinition Width="5" /&gt;
          &lt;ColumnDefinition Width="{Binding ElementName=col1, Path=ActualWidth}" /&gt;
      &lt;/Grid.ColumnDefinitions&gt;
  
      &lt;GridSplitter Grid.Column="1" HorizontalAlignment="Stretch" Background="Red"/&gt;
      &lt;GridSplitter Grid.Column="3" HorizontalAlignment="Stretch" Background="Red"/&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>Needless to say the above doesn't work. And even if it did it would only allow for using the first splitter not the second. Can anyone shed some light?</p>