Html 编码一个没有行,只有一列的表
我有一个HTML表格。它有3列。第一列是Html 编码一个没有行,只有一列的表,html,html-helper,Html,Html Helper,我有一个HTML表格。它有3列。第一列是name。第二个是学校,第三个是家庭地址 该表从数据库加载记录,因此行数可能会随时间而变化。第三列(homemaddress)应该没有行,而其他两列(name和school)可以有更多行。我应该如何建模HTML表,使其第三列没有行 <table border="1"> <tr> <th> Name </th> <th>
name
。第二个是学校
,第三个是家庭地址
该表从数据库加载记录,因此行数可能会随时间而变化。第三列(homemaddress
)应该没有行,而其他两列(name
和school
)可以有更多行。我应该如何建模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>
}
名称
学校
家庭住址
@foreach(Model.allPpl中的VarI)
{
@DisplayFor(modeleItem=>i.name)
@DisplayFor(modeleItem=>i.school)
//此列不应有任何行,整个表只有一列
}
我认为这些条目将帮助您:
属性是你唯一的朋友
请尝试
查找第三列,其中rowcount是返回的行数
并按如下方式修改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>
}
@bool flag=false;
@foreach(Model.allPpl中的VarI)
{
@DisplayFor(modeleItem=>i.name)
@DisplayFor(modeleItem=>i.school)
如果(!标志){
//此列不应有任何行,整个表只有一列
}flag=true;
}
注意:我尚未测试此razor视图代码,因此如果显示任何编译器错误,请注意。您的问题一点也不清楚。您想知道
td
元素的好ole'rowSpan=“numrows”
属性做什么吗?正如名字所说,这使得一个单元格跨越多行。你必须知道你有多少行才能使用它。是的,我需要像rowspan这样的东西。但不确定要添加到哪里。应该有3列,最后一列应该没有行。正如@ppeterka所提到的,rowspan应该满足您的需要。您应该计算行数,然后添加所需的行数span。您必须在上一次td中使用行数span..give rowspan=“num of rows of your result”如果我事先不知道行数,会怎么样?那么应该如何使用rowspan呢?