如何使用 ASP.Net MVC3 隐藏 Web 网格中隐藏字段的列？

Question

我如何隐藏应该从视图中隐藏的列。我通过隐藏对象来处理此问题，但该列在 UI 中仍然显示为瘦列，行中没有任何内容。有什么办法可以防止物品被绘制吗？

grid.Column(null, null, format: @<input type="hidden" name="RevisionId" value="@item.LatestRevisionId"/>)

谢谢。

Answer 1

WebGrid 帮助程序允许您使用 style 属性将 CSS 类应用到各个列。不幸的是，虽然这将允许您隐藏 tbody 部分内的列，但您无法将不同的样式应用于列标题。您可以将相同的样式应用于所有列，这使得它毫无用处。因此，一种可能性是使用 CSS：

table th:first-child, table td:first-child {
    display: none;
}

这假设您想要隐藏第一列并且客户端浏览器支持 :first-child 伪选择器，旧版浏览器可能不会出现这种情况。

因此，如果您需要支持旧版浏览器，您可以使用 jQuery 将隐藏样式应用于标题和第一列的行，或者直接隐藏它们：

$(function () {
    $('table th:first-child, table td:first-child').hide();
});

如果您想要更多控制，我建议您查看 < a href="http://mvccontrib.codeplex.com/wikipage?title=Grid" rel="noreferrer">MvcContrib 网格 或 Telerik 网格。

Answer 2

*强文本*Darin 的解决方案只是部分的，因为“table th:first-child”还将隐藏“canPage:true”网格页脚（用于分页） 。

解决方案是添加额外样式。

在“head”部分（或者如果您想将其应用于所有表格，则在 CSS 文件中）：

<style type="text/css">
    .nodisplay {display: none;}
</style>

在 Webgrid 部分中：

footerStyle : "table-footer",
...
grid.Column(null, null, style:"nodisplay", ...

在 CSS 文件中：

.table-footer {
    display: normal
}