添加一个类到th

Question

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

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

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

Answer 1

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

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

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

Answer 2

您可以使用此{/ p>的headerStyle参数的WebGrid.GetHtml属性

例如：

希望这有帮助!!!

Answer 3

我们可以使用Javascript代码执行此操作，如下所示，这是最简单的方法。

JsFiddle Example

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