@model IEnumerable<HelloWorldMvcApp.SampleViewModel>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
.field-validation-error {
<div class="col-md-6 col-md-offset-3">
<div><b>Table Format Data Displaying in ForEach</b><br /></div>
<table class="table table-bordered table-responsive table-hover">
@foreach (var d in Model)
<td rowspan="@d.Coverrages.Count()">@d.PolicyNumber</td>
<td rowspan="@d.Coverrages.Count()">@d.VehecleID</td>
<td rowspan="@d.Coverrages.Count()">@d.Model</td>
<td rowspan="@d.Coverrages.Count()">@d.Year</td>
<td rowspan="@d.Coverrages.Count()">@d.Make</td>
@foreach (var cov in d.Coverrages)
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript">