Headerstyle-horizo​​ntalalign不起作用

Question

ItemStyle-HorizontalAlign="Center"适用于数据单元列，但是 HeaderStyle-HorizontalAlign="Center"的标头不适用GridView。

为什么呢？如何解决？

Answer 1

GridView标头是<th>个元素。默认情况下，这些是centered and bold。因此，如果您使用引导程序，预构建外观等，那些通常会将表标题的文本对齐方式设置为左侧。

现在，当您添加HeaderStyle-HorizontalAlign="Center"时，aspnet会将align="center"添加到标题行<tr>。但随后的<th>节点的对齐方式会被CSS覆盖。

您可以做的是在标题中添加一个类并覆盖文本对齐方式。

HeaderStyle-CssClass="centerHeaderText"

<style>
    .centerHeaderText th {
        text-align: center;
    }
</style>

Answer 2

如果您使用的是bootstrap网站，HeaderStyle-HorizontalAlign="Center" 不起作用。

以下代码可以是解决方案：

HeaderStyle-CssClass="text-right"

Answer 3

我正在使用Bootstrap，并且发生了这种情况。我不得不在Bootstrap中使用text-center类。

HeaderStyle-CssClass="text-center"