GridView的表头和行的样式控制

根据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>标记上的,绿色标记那里的才能起作用。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

极客行天下

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值