在 mvc 应用程序的 webgrid 中隐藏列答案

【问题标题】：Hiding columns in a webgrid in mvc application在 mvc 应用程序的 webgrid 中隐藏列
【发布时间】：2013-11-28 01:34:59
【问题描述】：

我有两列想隐藏在 webgrid 中。这个 webgrid 驻留在局部视图中。这是下面的列

    gridColumns.Add(grid.Column("PaymentAmount", header: T("Payment<br/>Amount"), canSort: false, format: item => Html.TextBox("PaymentAmount", (object)string.Format("{0:#,0.00}", item.AmountDue))));
    gridColumns.Add(grid.Column("ExpText", header: T("Explanation"), canSort: false, format: item => Html.TextBox("ExpText", "")));

下面是我对 jquery 的尝试

    function hidecolumns(column) {
            $('td:nth-child(' + column + '),th:nth-child( ' + column + ')').hide();        
        }

这不起作用。请协助。

【问题讨论】：

为什么不直接将列从网格中删除？（例如，不包括 gridColumns.Add 这两列）。
我想稍后使用这些列。我希望能够打开和关闭它

标签： jquery asp.net-mvc webgrid

【解决方案1】：

如果没问题，您可以使用数据表。它使事情变得更容易和更好看。

只需在你的脚本中添加这个：

$('#GridID').DataTable({
    "columnDefs": [
        {
            "targets": [0],
            "visible": false,
            "searchable": false
        }
    ]
});

您以后也可以使用该列。

【讨论】：