asp.net - headerstyle-horizo​​ntalalign 不起作用

Question

ItemStyle-Horizo​​ntalAlign="Center" 对于数据单元格列工作正常，但是HeaderStyle-Horizo​​ntalAlign="Center" 不适用于 GridView 的标题。

为什么？如何解决？

Answer 1

GridView header 为 <th>元素。默认情况下，这些是 centered and bold 。因此，如果您使用 Bootstrap 、预构建皮肤等，它们通常会将表标题的文本对齐设置为左侧。

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

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

HeaderStyle-CssClass="centerHeaderText"

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

如果您使用 bootstrap，您可以简单地使用类 text-center

HeaderStyle-CssClass="text-center"