it编程 > 前端脚本 > ExtJs

ExtJs设置GridPanel表格文本垂直居中示例

76人参与 2024-05-18 ExtJs

业务场景,需要实现最终效果图如下:
 
gridpanel代码如下配置:

jsonstore的代码就不贴出来了。接下来看看如何实现垂直居中了。
实现思路:通过获取dom节点方式,获取到表格内所有的td,设置需要居中的td的 csstext的值为:'text-align:center;lineheight:130px;vertical-align:center;'
实现依据:ext中gridpanel容器最终是生成div标签来渲染的,其中我们所看到的每一行记录,比如:“测试项,0,20”这一行数据就是被“包”在一个div内的一个table。只要我们根据ext的生成规则找到该table,就可以操作其td元素了。
如图:
 
实现过程如下:
(0)
打赏 微信扫一扫 微信扫一扫

您想发表意见!!点此发布评论

推荐阅读

Ext中下拉列表ComboBox组件store数据格式用法介绍

05-18

Extjs4 Treegrid 使用心得分享(经验篇)

05-18

Extjs NumberField后面加单位实现思路

05-18

Ext JS添加子组件的误区探讨

05-18

关于extjs4如何获取grid修改后的数据的问题

05-18

Extjs4 类的定义和扩展实例

05-18

猜你喜欢

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论