title: ASP.NET MVC 5 vertical table header
body: <p>Could anyone please suggest me to switch Headers from top to left column vertically. I would also appreciate to know, if there are any jquery plugin to edit such tables directly from grid with examples :) As I am a newbie...  </p>
  
  <p></p></p>
  
  <pre><code>&lt;table class="table table-striped table-hover"&gt;
      &lt;tr&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.Name)
          &lt;/th&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.Age)
          &lt;/th&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.Country)
          &lt;/th&gt;
  
          &lt;th&gt;&lt;/th&gt;
      &lt;/tr&gt;
  
      @foreach (var item in Model)
      {
          &lt;tr&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.Name)
              &lt;/td&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.Age)
              &lt;/td&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.Country)
              &lt;/td&gt;
  
              &lt;td&gt;
                  @Html.ActionLink("Edit", "Edit", new { id = item.Id }) |
                  @Html.ActionLink("Details", "Details", new { id = item.Id }) |
                  @Html.ActionLink("Delete", "Delete", new { id = item.Id })
              &lt;/td&gt;
          &lt;/tr&gt;
      }
  
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="http://i.stack.imgur.com/mhWyL.png" rel="nofollow">http://i.stack.imgur.com/mhWyL.png</a></p>