User interface 调整列宽textfield Ui上的Extjs被销毁

基本上，我的问题是：

当我在GridPanel中调整列的大小时，名称附近的文本框UI被破坏：右边的行消失。它应该根据宽度调整大小。我怎样才能修好它

这是我的代码：

...
columns: {
    defaults: {
        flex: 1,
    },
    layout:'auto',
    items: [{
             text: Strings.sharedName,
             flex: 1,
             minWidth: Traccar.Style.columnWidthNormal,
             dataIndex: 'name',
             //style: 'text-align:right;!important',
             filter: 'string',
             defaults: {
                 margin: '-28 30 -5 50'
             },
             items: [{
                xtype: 'container',
                layout: {
                    type: 'vbox',
                    align: 'right'
                },
                flex: 2,
                items: [{
                    xtype: 'textfield',
                    id: 'nameFilter',
                    listeners: {
                        change: function(field, value) {
                            filterGrid('name', value);
                        }
                    }
                }]
            }]
        }
...

这里是一个可复制的示例：

---

您正在将文本字段添加到标题中。你需要自己在调整大小时重置文本字段的宽度。大约有2-3个外部插件在做这项工作。@Dinkheller你能提到一些吗？看看这些。希望能有帮助。但最有可能发生此问题的原因是内联过滤器（而不是相互下方）