对齐WebGrid标头ASP.net MVC

Question

我需要为ASP.net WebGrid中的各个列标题设置文本对齐方式。 发现这个，MVC3 WebGrid header alignment和其他各种人提出同样的问题，但没有真正令人满意的答案。

除非看起来完全相同，采用相同的参数等，否则不能用另一个网格替换它。已经通过另一个网格并使其工作但是分页UI控件不同并且无法控制页脚样式或细胞样式

从WebGrid继承并滚动我自己 - 但我不是一个CSS / HTML专家。有一个简单的方法吗？

Answer 1

你可以通过CSS3伪造选择器:nth-child做你想做的事。以下内容将仅为第二列标题设置样式：

th:nth-child(2){
    color:red;
}

IE 8不支持它，所以如果这对你很重要，你可以使用jQuery来代替它：

$(function () {
    $('th:nth-child(2)').css('color', 'red');
});

Answer 2

最后，因为我想在Web应用程序的任何网格中的任何列中使用此行为（因为我对C＃和反射非常熟悉），我将WebGrid分类并创建了我们自己的版本，它允许样式在网格设置时指定。

由于WebGrid是如何编写的，它确实涉及通过反汇编程序提取一些私有方法，所以它可能并不符合每个人的口味，但我现在正是我想要的。