html - 如何在 MVC View 中设置表格列宽？

Question

我在 MVC4 Razor 应用程序中为列表使用默认的设计时脚手架 View 。每列如下:

<td class="col-code">
    @Html.DisplayFor(modelItem => item.Code)
</td>

我曾尝试向 TD 添加 width 属性，但似乎没有效果。唯一可行的是为 DisplayFor 呈现的 INPUT 设置样式，但我无法在此处执行此操作，因为我无处可设置 html 属性。

Answer 1

如果您使用的是简单的 HTML 表格，您应该使用 th 标签将标题添加到您的列中，然后可以将其样式设置为所需的宽度。

例如:

<table>
  <tr>
    <th class="col1">First col</th>
    <th class="col2">Second col</th>
  </tr>
  <tr>
    <td>First cell</td>
    <td>Second cell</td>
  </tr>
  <tr>
    <td>Third cell</td>
    <td>Fourth cell</td>
  </tr>
</table>

可与此 CSS 代码一起使用:

.col1 {
    width: 75%;
}

.col2 {
    width: 25%; /* not very useful in this case as 'col2' will take the remaining */
}