给WebGrid MVC 3上的单列格式

Question

我有一个来自DB的存储过程，然后将其转换为Web应用程序中的WebGrid。问题是，由于我从存储过程中获得的列是动态的（这意味着我没有多少列，每个名称）我没有在grid.gethtml（）函数中指定列变量，所以我有这样的东西：

@grid.GetHtml(fillEmptyRows: false,
        tableStyle: "table table-hover",
        mode: WebGridPagerModes.All,
        firstText: "<< First",
        previousText: "< Back",
        nextText: "Next >",
        lastText: "Last >>"
        )

就是这样！

那么，问题是，我该如何只给一列？列将仅显示该列！请我希望你们能帮助我。预先感谢。

Answer 1

您可以使用JavaScript进行此操作 - 我不确定是否有一种严格使用WebGrid/css的方法。

首先，将WebGrid表呈现使用客户端ID渲染，以便您可以定位它：

 @grid.GetHtml(
     // code here
     htmlAttributes: new { id = "mygrid" }
 )

现在使用 :contains选择器使用jQuery添加样式：

<script>
    // select the column named "Name" and update its width
    var idx = $("#mygrid th:contains('Name')").attr("width", 100);
</script>