Question

我有一个来自我的数据库的存储过程，我将其转换为Web应用程序中的WebGrid。问题是，因为我从存储过程中获取的列是动态的（这意味着我没有多少列和每个列的名称）我没有在grid.GetHtml（）函数中指定列变量，我有像这样的东西：

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

就是这样！

所以，问题是，我如何才能将样式赋予一个列？例如，我知道至少有一列是“Name”，我希望它具有“width：100px”因为如果我只指定一个列，它将只显示该列！我希望你们能帮助我。提前谢谢。

Answer 1

您可以使用Javascript执行此操作 - 我不确定是否有办法严格使用WebGrid / CSS。

首先，使用客户端ID创建WebGrid表，以便您可以将其作为目标：

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

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

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

将格式提供给WebGrid MVC 3上的单个列

1 个答案: