c# - 为 WebGrid MVC 3 上的单列指定格式

Question

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

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

就是这样!

所以，问题是，如何为一列提供样式？例如，我知道至少有一列是“名称”，并且我希望它具有“宽度: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>