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>标记上的,绿色标记那里的才能起作用。
- GridView的表头和行的样式控制
- GridView CSS的样式表(固定表头)
- 修改GridView表头样式的代码
- QTableWidget的样式和表头
- 固定GridView的表头和某几列
- GridView表头的使用
- 自定义Gridview的表头
- 合并GridView的表头
- 三行表头的gridview
- gridview的表头固定
- 创建表头固定,表体可滚动的GridView[CSS形式控制]
- 使用样式控制gridview的宽度
- 使用css控制GridView控件的样式
- asp.net GridView多行表头的实现,合并表头
- gridview的表头垂直居中以及表头多行显示
- (superTables)固定GridView 的表头和某几列(GridView冻结表头和列)用法
- GridView多行合并表头的实现
- GRIDVIEW多行表头的实现
- JPA 中 hsqldb 数据库的使用
- Outlook速度变慢,存档选项消失,无法存档的解决方法
- Deploy Location的位置设置 Tomcat5.5?
- Dec, 22
- TXT中的BOM
- GridView的表头和行的样式控制
- javascript小技巧
- 线程实践小记
- 使用VC2005/2008/2010编写的程用程序 部署时不需要安装运行库的方法
- linux脚本学习
- 拓扑图巨头TWaver
- 对象用等号赋值
- 编译内核时一定要make modules这一步
- linux 内核启动过程分析