title: Adding an image and a textblock control inside a DataGridTemplateColumn header
body: <p>In our WPF application, we have a screen where we display a grid, the column's header right now is a Text, I'm supposed to add an image beside the text. This is the XAML code, </p>
  
  <pre><code>&lt;Custom:DataGrid.Columns&gt;
         &lt;Custom:DataGridTemplateColumn Header="{Binding EmailIDHeader, Source={StaticResource LiteralDictionary}}" Width = "0.1*" CellTemplate="{StaticResource EmailIDTemplate}" SortMemberPath="EmailID"/&gt;
   &lt;/Custom:DataGrid.Columns&gt;
  
  &lt;DataTemplate x:Key="EmailIDTemplate"&gt;
          &lt;Grid MinWidth="10" Margin="5,0,5,0"&gt;
              &lt;TextBlock HorizontalAlignment="Left"  Text="{Binding customerItem.EmailID}" Margin="0,0,3,0"/&gt;
          &lt;/Grid&gt;
  </code></pre>
  
  <p>EMailIDHeader will load the Text value for the Header, I have to add an image beside it. How do I achieve this? I tried the solution given <a href="https://stackoverflow.com/questions/27942374/how-to-add-an-image-to-a-datagridtemplatecolumn-header">here</a>. But this just shows me an empty header column.</p>