title: Bind to ActualHeight of Item ItemsControl
body: <p>I have two separate <code>ItemsControl</code>s that appear side by side.  The <code>ItemsControl</code>s bind to the same <code>ItemsSource</code>, but they display the data differently.</p>
  
  <p>Each item displayed on the left will most likely be smaller than the same item on the right. This causes a problem because the rows will not line up, so I need the item on the left to bind to the item on the right.</p>
  
  <pre><code>ItemsControl        ItemsControl
  |Item 1         |Item 1
  |Item 2         |Item 2
  |Item 3         |
  |Item 4         |Item 3
  </code></pre>
  
  <p>As you can see, Item 2 on the right is larger, so it throws off the alignment.  So if I can bind left's Item 2 to right's Item 2's <code>ActualHeight</code> the problem would be solved.  How can I do this in XAML?</p>
  
  <p><strong>Edit:</strong> To make things more complicated, the <code>ItemsControl</code> on the right needs to scroll right to left, but both <code>ItemsControls</code> need to scroll up and down together.  Basically, the left one provides a header of sorts for the items on the right.</p>