asp.net-mvc-3 - 给一个类添加一个类

Question

将一个类添加到 webgrid 中的 td 很容易，例如：

new WebGridColumn {
    ColumnName= "Owl.Species",
    Header= "Scientific Name",
    Style= "sci-name"
}

样式标签将类“sci-name”添加到td. 如何在th不使用 jQuery 的情况下为该列添加一个类，这不是理想的解决方案。

Answer 1

我认为没有内置的方法可以做到这一点。您甚至不能扩展 WebGrid 类，因为它们的方法没有标记为虚拟的。我能想到的最好方法是使用一些 CSS，通过索引nth-child来定位元素。th

<style type='text/css'>
    table thead tr th:nth-child(2) {
        background: yellow;
    } 
</style>

仍然不理想，但我认为比使用 JQuery 更好。

Answer 2

您可以为此使用参数的headerStyle属性WebGrid.GetHtml

例如：

希望这可以帮助！！！

Answer 3

我们可以使用Javascript下面的代码来做到这一点，这是最简单的方法。

JsFiddle 示例

$("table tr th:nth-child(n)").addClass("col-md-1");