2

我的数据库中有一个存储过程，并在我的 Web 应用程序中将其转换为 WebGrid。问题是，由于我从存储过程中获得的列是动态的（这意味着我不知道有多少列和每个人的名字）我没有在 grid.GetHtml() 函数中指定列变量，我有像这样的东西：

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

就是这样！

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

4

1 回答 1

2

您可以使用 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>
于 2012-10-22T19:42:15.820 回答