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

Question

大家好，我想在 asp.net 中使用 HTML 表格格式制作数据 View ，它应该如下所示，

[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 单元格下方？我在谷歌上搜索了很多但没有找到适合我目的的解决方案。任何帮助都会很棒。谢谢。

Answer 1

有两种可能性:

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

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