title: MVC DisplayFor template table with duplicated headers
body: <p>Using a EditorFor template and trying to create a table, how can I get only one header row instead of one for each item of the collection?</p>
  
  <p>Being the viewmodel</p>
  
  <pre><code>public class CashbackOfferViewModel
  {
      public List&lt;SingleCashbackOfferViewModel&gt; Offers { get; set; }
  }
  </code></pre>
  
  <p>In the view I have</p>
  
  <pre><code>@Html.DisplayFor(m =&gt; m.Offers)
  </code></pre>
  
  <p>And the display template is</p>
  
  <pre><code>@using LMS.MVC.Infrastructure
  @model LMS.MVC.Areas.Finance.Models.SingleCashbackOfferViewModel
  &lt;table class="dataGrid"&gt;
      &lt;thead&gt;
          &lt;tr class="headerRow"&gt;
              &lt;th&gt;@Html.LabelFor(m =&gt; m.CampaignName)&lt;/th&gt;  
              &lt;th&gt;@Html.LabelFor(m =&gt; m.PersonId)&lt;/th&gt;
              &lt;th&gt;@Html.LabelFor(m =&gt; m.FullName)&lt;/ths&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;@Html.DisplayFor(m =&gt; m.CampaignName)&lt;/td&gt;
              &lt;td&gt;@Html.DisplayFor(m =&gt; m.PersonId)&lt;/td&gt;
              &lt;td&gt;@Html.DisplayFor(m =&gt; m.FullName)&lt;/td&gt;          
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>