title: How to create more than one column DataTemplate for ListView
body: <p>Below is the DataTemplate for GridView. I just change GridView to ListView</p>
  
  <p>I want to do this:  </p>
  
  <p>2 or more columns in DataTemplate for the ListView to display</p>
  
  <p>a) 2 columns Text</p>
  
  <p>or </p>
  
  <p>b) 2 columns Image in Square Box like 300 x 200.</p>
  
  <p>How to I design the DataTemplate for ListView?</p>
  
  <p>Thanks</p>
  
  <p>1) DataTemplate declare in ResourceDictionary for Gridview. Can use this for ListView?</p>
  
  <hr>
  
  <pre class="lang-XAML prettyprint-override"><code>&lt;DataTemplate x:Key="CustomerTemplate"&gt;
      &lt;Grid Background="Blue"  Width="300" Height="200"&gt;
          &lt;Grid.RowDefinitions&gt;
              &lt;RowDefinition Height="75"/&gt;
              &lt;RowDefinition Height="*"/&gt;
              &lt;RowDefinition Height="*"/&gt;
              &lt;RowDefinition Height="*"/&gt;
          &lt;/Grid.RowDefinitions&gt;
          &lt;TextBlock Text="{Binding Name}" 
                             Grid.Row="0"
                             Margin="20,10,0,0" 
                             TextWrapping="Wrap"
                             VerticalAlignment="Top"
                             FontSize="24"
                             FontWeight="SemiBold"/&gt;
          &lt;TextBlock Text="{Binding No}" 
                             Grid.Row="1"
                             Margin="20,0,0,0" 
                             VerticalAlignment="Center"
                             FontSize="18"/&gt;
  
          &lt;TextBlock Text="{Binding Contact}" 
                             Grid.Row="2"
                             Margin="20,0,0,0" 
                             VerticalAlignment="Center"
                             FontSize="18"/&gt;
          &lt;TextBlock Text="{Binding Address}" 
                             Grid.Row="3"
                             Margin="20,0,0,0" 
                             VerticalAlignment="Top"
                             FontSize="18"/&gt;
  
          &lt;TextBlock Text="{Binding Id}" 
                             Grid.Row="3"
                             Margin="200,0,0,0" 
                             VerticalAlignment="Top"
                             FontSize="18"/&gt;
  
      &lt;/Grid&gt;
  &lt;/DataTemplate&gt;
  </code></pre>
  
  <p>-- Use the DataTemplate for ListView. 
  What need to do for the DataTemplate?</p>
  
  <hr>
  
  <pre class="lang-XAML prettyprint-override"><code>&lt;ListView x:Name="CustomersGridView" 
            Grid.Row="1"               
            Foreground="White"     
            SelectionMode="None"
            IsSwipeEnabled="True"
            IsItemClickEnabled="True"
            ItemsSource="{Binding Mode=OneWay, Source={StaticResource CustomersViewSource}}" 
            ItemTemplate="{StaticResource CustomerTemplate}"
            ItemClick="CustomersGridView_ItemClick"      
            SelectionChanged="CustomersGridView_SelectionChanged"&gt;
  &lt;/ListView&gt;
  </code></pre>