title: Bind width on UI element to Width of another UI Element
body: <p>I wanted to bind <code>Width</code> of a column header to the <code>Width</code> of the header defined. However the code doesn't work. If I specify the <code>Width</code> explicitly (Width="100"), it works fine. Can someone shed some light and tell me what is wrong with the code below?</p>
  
  <pre><code>&lt;dataGrid:DataGridTemplateColumn x:Name="pdpCol" Width="100"&gt;
          &lt;dataGrid:DataGridTemplateColumn.Header&gt;
              &lt;Grid HorizontalAlignment="Stretch"&gt;
                  &lt;TextBlock Text="PDP" VerticalAlignment="Center" HorizontalAlignment="Center" 
                      TextWrapping="Wrap" Width="{Binding ElementName=pdpCol,Path=ActualWidth }" TextAlignment="Center" /&gt;
              &lt;/Grid&gt;
          &lt;/dataGrid:DataGridTemplateColumn.Header&gt;
  &lt;/dataGrid:DataGridTemplateColumn&gt;
  </code></pre>