c# - 为 WebGrid MVC 3 上的单个列提供格式

Question

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

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

就是这样!

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

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>