title: How do I make a header for a ListBoxItem?
body: <p>I use ListBox in my application.  ListBox has two columns. I want to make a title for the columns. It is layout</p>
  
  <pre><code>  &lt;Window.Resources&gt;
      &lt;Style x:Key="borderBase" TargetType="Border"&gt;
          &lt;Setter Property="BorderBrush" Value="Black" /&gt;
          &lt;Setter Property="BorderThickness" Value="1" /&gt;
      &lt;/Style&gt;
  &lt;/Window.Resources&gt;
  &lt;Grid&gt;
      &lt;Grid.RowDefinitions&gt;
          &lt;RowDefinition Height="1*" /&gt;
          &lt;RowDefinition Height="7*" /&gt;
      &lt;/Grid.RowDefinitions&gt;
      &lt;!--  Title  --&gt;
      &lt;Grid&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition /&gt;
              &lt;ColumnDefinition /&gt;
          &lt;/Grid.ColumnDefinitions&gt;
  
          &lt;Border Style="{StaticResource borderBase}"&gt;
              &lt;TextBlock Text="FirstName" /&gt;
          &lt;/Border&gt;
  
          &lt;Border Grid.Column="1" Style="{StaticResource borderBase}"&gt;
              &lt;TextBlock Text="SecondName" /&gt;
          &lt;/Border&gt;
  
      &lt;/Grid&gt;
  
      &lt;!-- Data --&gt;
      &lt;ListBox Grid.Row="1"&gt;
          &lt;ListBox.ItemTemplate&gt;
              &lt;DataTemplate&gt;
  
                  &lt;Grid&gt;
                      &lt;Grid.ColumnDefinitions&gt;
                          &lt;ColumnDefinition /&gt;
                          &lt;ColumnDefinition /&gt;
                      &lt;/Grid.ColumnDefinitions&gt;
  
                      &lt;Border Style="{StaticResource borderBase}"&gt;
                          &lt;TextBlock Style="{StaticResource textBlockBase}" Text="{Binding FirstName}" /&gt;
                      &lt;/Border&gt;
  
                      &lt;Border Grid.Column="1" Style="{StaticResource borderRigth}"&gt;
                          &lt;TextBlock Style="{StaticResource textBlockBase}" Text="{Binding SecondName}" /&gt;
                      &lt;/Border&gt;
                  &lt;/Grid&gt;
  
              &lt;/DataTemplate&gt;
          &lt;/ListBox.ItemTemplate&gt;
      &lt;/ListBox&gt;
  
  &lt;/Grid&gt;
  </code></pre>
  
  <p>When a few items in the ListBox are all displayed OK. But when a lot of elements in the list - a vertical scroll bar in ListBox is visible. Then the title and move across the width of the columns.</p>
  
  <p><a href="https://i.stack.imgur.com/UgDsn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UgDsn.png" alt="a busy cat"></a>
  </p>
  
  <p>How to align the width of the columns and headers?</p>