如何在没有 headers 的情况下在第三列呈现 webgrid

Question

ASP.NET MVC4 Razor 应用程序页面包含 table。 Table 前两列有固定名称。其他列具有从数据透视动态创建的变量名称 table.

下面的代码呈现所有列并使用属性个名称创建 table header。

如何从第三列开始 table 以不显示前两列？如何在没有列 header 的情况下呈现 table？

查看：

@inherits ViewBase<ViewModels.CustomerCardViewModel>

@{
var gd = new WebGrid(source: Model.Rows.Skip(1), canPage: false, canSort: false, rowsPerPage: 1000);
}

<!DOCTYPE HTML>
<html>
... head skipped
<body>
        @gd.GetHtml()
    </div>
    <hr />
</body>
</html>

视图模型：

    public class CustomerCardViewModel : ViewModelBase
    {
        public IEnumerable<dynamic> Rows { get; set; }
...
}

ASP.NET MVC4, Razor, Bootstrap 3, jquery 被使用。

Answer 1

1.To 渲染 table 没有列 headers:

   @gd.GetHtml(
        displayHeader:false
    )

2.To 隐藏列 - 如果你有一个静态的列列表，你可以使用 How to hide a column in the Webgrid in aspasp.net MVC? 但如果它是动态的，那么只需使用 jQuery 编写一个小函数来隐藏所需的列:

$('.table tr').each(function () {
    var tr = $(this);
    var children = tr.children();
    $(children[0]).hide();
    $(children[1]).hide();
});

如何在没有 headers 的情况下在第三列呈现 webgrid

How to render webgrid at third column and without headers

asp.net-mvc

jquery

webgrid

razor

asp.net-mvc-4