对齐 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 的编写方式，它确实涉及通过反汇编程序提取几个私有方法，所以它可能不符合每个人的口味，但我现在拥有了我想要的东西。