title: Changing Table display style in MVC3, razor
body: <p>The below table code in razor in a MVC View, generates a standard table lay out of rows and columns. What I am looking for is a way to style the rows so that they look different....  like a customised divs that have rounded corners and with color etc... Basically I dont want it look like a table at all, I want the data outputted in blocks/chunks (?) (one block for one row).. I hope I am making this easy to understand... for example a typical google page when you search has options on the left to click (for images, news, Videos etc) and once you click on a link the list on the right pane changes with entries .. I want my rows to look like that ..like blocks of data and not as a row and column structure...</p>
  
  <pre><code>&lt;table&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.Descr)
      &lt;/td&gt;
      &lt;td&gt;
          @Html.DisplayFor(modelItem =&gt; item.Number)
      &lt;/td&gt;
  
  
  &lt;/tr&gt;
  }
   }
  
    &lt;/table&gt;
  </code></pre>