title: generating a html table with razor. each column in table = 1 row in my datasource
body: <p>I have a dto that comes from the database that has the following structure:</p>
  
  <pre><code>public class DtoPaymentPlan
  {
      public DateTime Date{ get; set; }
      public string Description { get; set; }
      public List&lt;string&gt; Docs { get; set; }
      public decimal Total{ get; set; }
  }
  </code></pre>
  
  <p>I am trying to make an html table with razor, the resulting table uses one of these dtos as each column. normally I generate tables where each element of a list is a row. I have been trying a few ideas out but i cant think of an efficient way of doing this.</p>
  
  <p>the datasource is a List  </p>
  
  <p>the output should look someting like this:</p>
  
  <pre><code>Date       |Date        |Date        |Date        |Date
  
  Description|Description |Description |Description |Description 
  
  Docs       |Docs        |Docs        |Docs        |Docs        
  
  Total      |Total       |Total       |Total       |Total
  </code></pre>