Foreach without repeating the name

Question

I have a Foreach in View, and it contains Description, Qtd and dta,how do I make a foreach without repeating the description? Ex: I have a product X whose were removed 10 units day 01/10/2016, 3 units day 04/10/2016, 8 units day 15/10/2016, how do I display the description once and the dates and quantities normally?

<style type="text/css">
        .leftDivItem, .rightDivItem {
         border: none;
         float: left;
         width: 29%; /*Aumentar ou diminuir a porcentagem para adicionar ou tirar*/
         overflow: hidden;
         margin-right: 2%;
         margin-left: 2%;
         float: left;
         width: 19%;
         overflow: hidden;
         margin-right: 3%;
         margin-left: 3%;*/
  }
  </style>

   int i = 0;
   foreach (var item in Model)
       {
           if (i % 2 == 0)
           {
               <div class="leftDivItem">
                   <span class="listCol2">
                       <i>@Html.DisplayFor(modelItem => item.Produto.Descricao)</i><br />
                       <i>@Html.DisplayFor(modelItem => item.Produto.Qtd)</i><br />
                       <i>@Html.DisplayFor(modelItem => item.Produto.dta)</i>
                       <br />
                       <br />
                   </span>
               </div>
          }
          else
          {
              <div class="rightDivItem" id="textShadow">
                  <span class="listCol2">
                      <i>@Html.DisplayFor(modelItem => item.Produto.Descricao)</i><br />
                      <i>@Html.DisplayFor(modelItem => item.Produto.Qtd)</i><br />
                      <i>@Html.DisplayFor(modelItem => item.Produto.dta)</i>
                      <br />
                      <br />
                   </span>
              </div>
           }
           i++;
       }

in the code I’m showing, the

<i>@Html.DisplayFor(modelItem => item.Produto.Descricao)</i><br />

and I know he’ll repeat himself several times because he’s there, but I wanted to know how I position him not to repeat, and yes appear only once! Grateful!

Answer 1

One way to solve the problem is by making a grouping by description. I will use the element table because the example becomes easier, you may have to make adjustments to your layout:

<table>
@foreach(var grupo in Model.GroupBy(i => i.Produto.Descricao)){
    <tr>
        <td rowSpan="@grupo.Count()"> grupo.Key </td> 
    <tr>
    @foreach(var item in grupo){
       <tr> 
           <td>item.Produto.Descricao</td>
           <td>item.Produto.Qtd</td>
           //...
        <tr>
    }
}
</table>

To order by quantity just put one OrderBy in the grupo.

grupo.OrderByDescending(i => i.Produto.Qtd)