Merge (RowSpan) HTML Table Cells or Columns in a Row in ASP.Net MVC

Hi sallmomar,

Check this example. Now please take its reference and correct your code.

Model

public class Site
{
    public string Nom { get; set; }
    public int Marque { get; set; }
    public string Model { get; set; }
    public string Numero { get; set; }
    public string Plage { get; set; }
}

Controller

public class HomeController : Controller
{
    // GET: /Hime/
    public ActionResult Index()
    {
        List<Site> sites = new List<Site>();
        sites.Add(new Site { Nom = "Nom1", Marque = 1, Model = "fa", Numero = "duo", Plage = "lo" });
        sites.Add(new Site { Nom = "Nom1", Marque = 2, Model = "fi", Numero = "da", Plage = "lle" });
        sites.Add(new Site { Nom = "Nom1", Marque = 3, Model = "fa", Numero = "di", Plage = "llww" });

        sites.Add(new Site { Nom = "Nom2", Marque = 4, Model = "fa", Numero = "duo", Plage = "lo" });
        sites.Add(new Site { Nom = "Nom2", Marque = 5, Model = "fi", Numero = "da", Plage = "lle" });
        sites.Add(new Site { Nom = "Nom3", Marque = 6, Model = "fa", Numero = "di", Plage = "llww" });

        TempData["listesite"] = sites;
        return View();
    }
}

View

<table class="table table-bordered">
    <tr>
        <th>Nom</th>
        <th>Marque</th>
        <th>Model</th>
        <th>Nuemro</th>
        <th>Plage</th>
    </tr>
    <%foreach (var item in ((List<Site>)TempData["listesite"]).GroupBy(x => x.Nom))
        {%>
    <tr>
        <th><%=item.Key %></th>
        <th colspan="4"></th>
    </tr>
    <%foreach (Site data in ((List<Site>)TempData["listesite"]).Where(x => x.Nom == item.Key))
        {%>
    <tr>
        <td></td>
        <td><%=data.Marque%></td>
        <td><%=data.Model%></td>
        <td><%=data.Numero%></td>
        <td><%=data.Plage%></td>
    </tr>
    <% } %>
    <%} %>
</table>

Screenshot