如何在 aspasp.net MVC 中隐藏 Webgrid 中的列？答案

【问题标题】：How to hide a column in the Webgrid in aspasp.net MVC?如何在 aspasp.net MVC 中隐藏 Webgrid 中的列？
【发布时间】：2013-10-15 07:33:14
【问题描述】：

我是 MVC 新手，我使用 Webgrid 来显示一些客户价值。我需要将列与其标题一起隐藏。我该怎么做？

CSS：gridhide { visibility:hidden }
代码：grid.Column("Id", "ID", style: "gridhide"),

【问题讨论】：

假设你的意思是给列一个类名，你在.gridhide css 选择器中缺少.

标签： html css asp.net-mvc

【解决方案1】：

我隐藏特定列：请试试这个： WEBGRID

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

【讨论】：

这几乎对我有用，但似乎在我的表中留下了一个很小的空白列，该列已被排除

【解决方案2】：

我最终在客户端找到了using jQuery to hide the column。不理想但易于实施。例如隐藏第二列：

$('td:nth-child(2),th:nth-child(2)').hide();

另一种选择是一开始就不将列添加到网格中，如下所示：https://forums.asp.net/post/5850519.aspx

var books = db.Query(sql);
var columns = new List<WebGridColumn>();
columns.Add(new WebGridColumn(){ColumnName = "BookId", Header = "Book Id" });
if(books.Any(b =>b.Price != null)){
    columns.Add(new WebGridColumn(){ColumnName = "Price", Header = "Price" });
}
var grid = new WebGrid(books);

【讨论】：

【解决方案3】：

gridhide是一个类，在grid.column中定义class而不是style

【讨论】：

列值将隐藏..仍然显示标题我想隐藏甚至标题
在标题上定义类。
我用这段代码隐藏列 grid.Column(null,null, format: @),