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

如果您使用的是引導網站，HeaderStyle-HorizontalAlign="Center" 不起作用。

在下面的代碼可以是溶液：

HeaderStyle-CssClass="text-right"