title: Display an image in a DataGrid-Column
body: <p>I'm trying to display an image in a DataGrid-Column next to other data.
  My model looks like this:</p>
  
  <pre><code>public class Person 
  {
      public string Name { get; set; }
      public string Address { get; set; }
      public Bitmap Image { get; set; }
  }
  </code></pre>
  
  <p>The ViewModel:</p>
  
  <pre><code>public ObservableCollection&lt;Person&gt; Persons
      {
          get
          {
             return this.persons;
          }
  
          set
          {
              this.persons = value;
          }
      }
  </code></pre>
  
  <p>And my DataGrid is this:</p>
  
  <pre><code>&lt;DataGrid Name="Persons"
                Grid.Row="1"
                Grid.Column="0"
                Margin="10"
                AutoGenerateColumns="False"
                IsReadOnly="True"
                ItemsSource="{Binding Path=Persons}"&gt;
          &lt;DataGrid.Columns&gt;
              &lt;DataGridTemplateColumn Width="80"&gt;
                  &lt;DataGridTemplateColumn.CellTemplate&gt;
                      &lt;DataTemplate&gt;
                          &lt;Image Source="{Binding}" /&gt;
                      &lt;/DataTemplate&gt;
                  &lt;/DataGridTemplateColumn.CellTemplate&gt;
              &lt;/DataGridTemplateColumn&gt;
              &lt;DataGridTextColumn Width="120"
                                  Binding="{Binding Path=Name}"
                                  Header="Name" /&gt;
              &lt;DataGridTextColumn Width="120"
                                  Binding="{Binding Path=Address}"
                                  Header="Address" /&gt;
          &lt;/DataGrid.Columns&gt;
      &lt;/DataGrid&gt;
  </code></pre>
  
  <p>The Name and Adress get displayed correctly, but the image is empty...
  Do you know what I'm doing wrong?</p>
  
  <p>Thanks in advance and have a nice day</p>