jquery - 在 mvc 应用程序的 webgrid 中隐藏列

Question

我有两列我想隐藏在 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();        
        }

这不起作用。请协助。

Answer 1

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

只需将其添加到您的脚本中：

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

您稍后也可以使用该列。