如何在 MVC 视图中设置表列宽度？

我在 MVC4 Razor 应用程序中使用默认的设计时支架视图作为列表。每列如下：

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

我尝试过添加一个width属性是TD的，不过好像没有什么作用。唯一有效的就是对 INPUT 渲染的样式进行设计DisplayFor，但我不能在这里这样做，因为我没有地方设置 html 属性。

如果您使用简单的 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 */
}