0

HTMLテーブルがあります。3つの列があります。最初の列はnameです。2番目はSchoolで、3番目はHomeAddressです。

テーブルはDBからレコードをロードするため、行数は時々変化する可能性があります。3番目の列（HomeAddress）には行がないはずですが、他の2つの列（nameおよびschool）にはさらに行を含めることができます。行のない3番目の列を持つようにHTMLテーブルをモデル化するにはどうすればよいですか？

<table border="1">
    <tr>
        <th>
            Name
        </th>
        <th>
            School
        </th>
        <th>
            Home Address
        </th>
    </tr>

@foreach (var i in Model.allPpl)
{
    <tr>
        <td>
     @Html.DisplayFor(modelItem => i.name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => i.school)


        </td>
        <td>
            // THERE SHOULDN'T BE ANY ROWS FOR THIS COLUMN, JUST ONE COLUMN FOR THE WHOLE TABLE
        </td>
</tr>
}
4

2 に答える 2

0

これらのエントリはあなたに役立つと思います：

http://www.w3schools.com/tags/att_td_rowspan.asp

http://www.w3schools.com/tags/att_td_colspan.asp

于 2013-02-26T08:55:27.880 に答える
0

Rowspan属性はあなたの唯一の友達です。

<td rowspan="rowcount"></td>行数がnoである3番目の列を試してください。返された行の数。

そして、foreachループを次のように変更します。

 @bool flag=false;
 @foreach (var i in Model.allPpl)
 {
  <tr>
     <td>
   @Html.DisplayFor(modelItem => i.name)
    </td>
    <td>
        @Html.DisplayFor(modelItem => i.school)


    </td>
    if(!flag){
    <td rowspan="@Model.allPpl.count">
        // THERE SHOULDN'T BE ANY ROWS FOR THIS COLUMN, JUST ONE COLUMN FOR THE WHOLE TABLE
    </td>
     }flag=true;
</tr>
}

注：私はこのかみそりのビューコードをテストしていませんので、もしあればコンパイラエラーに注意してください。

于 2013-02-26T08:57:18.087 に答える