ExtJS 4.2如何在包装标题文本时设置网格过滤器高度？ [英] ExtJS 4.2 How to set grid filter height when header text is wrapped?

问题描述

我有一个有许多列的网格，每个列都有一个过滤器，一些列在标题中有一个长文本：

I have a grid with many columns, each of them has a filter, and some of the columns has a long text in the header:

我添加了一个css规则来包装文本： / p>

I added a css rule to wrap text in the header:

.x-column-header-inner .x-column-header-text { white-space: pre-wrap; }

在结果中我得到了不同高度的过滤器：

In result I got filters with different height:

如何制作高度过滤器？

推荐答案

我已经解决了我的问题，包括搜索过滤器到fieldcontainers，并使用

I've solved my issue by including search filters into fieldcontainers, and using vbox layout with pack at the end.

items: [
    {
        xtype: 'fieldcontainer',
        layout: {
                    type: 'vbox', pack: 'end'
                },
        width: '100%',
        items: [
            {
                xtype: 'triggerfield',
                ...other code...
            }
        ]
    }
]

这篇关于ExtJS 4.2如何在包装标题文本时设置网格过滤器高度？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！