GridView的表头和行的样式控制

来源:互联网 发布:网络信息安全局电话 编辑:程序博客网 时间:2024/06/07 04:46

根据DataGrid的经验,在样式表中定义好样式,然后指定表头、行、间隔行的CssClass,一般都能得到想要的效果。后来,GridView接替DataGrid后,如法炮制,发现总是有些不听使唤的地方,就通过设置字段属性的方法解决,一直也没有深究。今天,这个问题又开始困扰我,正好这几天自己的兴致盎然,比较喜欢对细节进行探索,果然是功夫不负有心人。

 

原来,GridView在生成html的时候,表头对应的是th标记,行当然对应的是td标记。对于th来说,默认的样式是居中粗体,对于td来说,默认样式是居左正常。即使你定义并在HeaderStyle中应用了样式:text-align:left;,表头依然是居中显示。这是因为生成时html时该样式是被应用在tr上的,类似:<tr class='gridhead'><th></th></tr>,所以,你这样应用的表头样式是无法生效的。

 

如果你在样式表中定义了:tr{text-align:left},可以让表头靠左显示,但某些列如果想居中显示时,定义HorizontalAlign="center"是无效的。

 

搞清了问题的原因,实际应用时就可根据具体情况来灵活掌握了。比如想要改变表头的默认显示靠左,则可在样式表中定义th{text-align:left;},如果有个别列需要居中显示,则可定义一个类比如.mycenter{text-algin:center;},在需要控制的列标记内设置<HeaerStyel>。如图:

 

 

请注意,黑色标记那里应用的gridhead样式生成html后是加在<tr>标记上的,绿色标记那里的才能起作用。