asp.net html中的一列中有2个单元格

Question

美好的一天，我想在asp.net中使用HTML表格格式创建一个数据视图，它应该是这样的，

[USER_CODE]    [LAST_PRICE]
[CHANGE]

但在我的网站上，一切都在排队。这是我的代码，

@foreach (var item in Model.userstats)
        {
            <tr>
                <td><a href="#">@Html.DisplayFor(modelItem => item.USER_CODE )</a></td>
                <td rowspan="2">
                    @Html.DisplayFor(modelItem => item.LAST_PRICE)
                    @Html.DisplayFor(modelItem => item.CHANGE)
                </td>                    
                <td>&nbsp;&nbsp;&nbsp;</td>
            </tr>
        }

如何让CHANGE单元格在USER_CODE单元格下停止？我google了很多，但没有找到符合我目的的解决方案。任何帮助都会很棒。 TNX。

Answer 1

有两种可能性：

1. 将[更改]移动到与<td>分隔的[USER_CODE]相同的<br />，这会强制将单元格扩展为新行并在下面显示。要确保[LAST_PRICE]保留在单元格的最顶部，请使用<td valign="top">，否则它将垂直居中（默认单元格对齐）。

2. 仅为[CHANGE]值创建一个新行，并将colspan="2"添加到<td>，以使第二行单元格在[LAST_PRICE]下方水平扩展，或者添加一个空<td>填补[LAST_PRICE]正下方的空白区域。