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

时间:2013-11-14 20:37:34

标签: jquery asp.net-mvc 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();        
        }

这不起作用。请帮助。

1 个答案:

答案 0 :(得分:1)

如果可以的话,您可以使用数据表。它使事情变得更轻松,更美观。

只需在您的脚本中添加它:

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

您以后也可以使用该列。