使用 WebGrid Helper 时如何使列可见 false

Question

我正在使用@grid.GetHtml gridview 在我的 ASP.NET MVC4 应用程序中显示网格。

我想在我的网格视图中看到一些列，并且我将使用这些列来实现我未来的功能。

请帮助如何使列在@grid.GetHtml 剃须刀网格中显示为假。

我的代码

@grid.GetHtml(
    htmlAttributes: new
      {
          id = "XXXX"
      },
    tableStyle: "table table-bordered table-condensed table-hover table-striped",
    headerStyle: "info",
    footerStyle: "webgrid-footer",
    alternatingRowStyle: "webgrid-alternating-row",
    selectedRowStyle: "webgrid-selected-row",
    rowStyle: "gridrow",
    columns: grid.Columns(
        grid.Column("AAAA", "AAA"),
        grid.Column("BBBB", "BBB")
    )

Answer 1

尝试添加您希望隐藏的列

grid.Column("BBBB", "BBB",  style:"hidecol")

然后写一些css

.hidecol {
    display: none;
}

如果您还想隐藏该列 header，那么您可以像这样使用一些 JQuery

$(document).ready(function() {
    $("#yourGridId th:nth-child(2)").hide();
}

您需要将 #yourGrid 替换为您的网格的标识符。这将隐藏第 2 列上方的 header。

使用 WebGrid Helper 时如何使列可见 false

How to make columns visible false while using WebGrid Helper

c#

asp.net-mvc-4

razor

webgrid