Extjs grid表头换行

最新推荐文章于 2020-02-03 22:10:18 发布

_Hebrew

最新推荐文章于 2020-02-03 22:10:18 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript Extjs 文章标签： extjs

本文链接：https://blog.youkuaiyun.com/qq_33571718/article/details/75041144

Extjs 同时被 2 个专栏收录

8 篇文章

订阅专栏

JavaScript

7 篇文章

订阅专栏

本文介绍如何在 Grid 控件中使用 afterrender 事件来调整列头文本样式，包括设置文本换行方式和行高。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

声明：本博文用于学习总结及工作心得

在grid中添加afterrender事件：

afterrender: function (grid) {
            showColumns('columnstatusload', 'progressColumns', grid);
            var elments = Ext.select(".x-column-header-text");//.x-grid3-hd
            elments.each(function(el) {
                console.info("i:"+el.dom.id);
                var id = el.dom.id;
                var column = document.getElementById(id);
                if(column){
                    console.info(1);
                    column.style.whiteSpace = "normal";
                    column.style.lineHeight = "15px"
                }
            }, this) ;
        }