ExtJS 4.2.0 gridpanel inside viewport 渲染额外列

Question

我正在使用 ExtJS 4.2.0 并在 google chrome 42.0.2311.152 m 上进行测试。这里是我的 fiddle:('ct' 只是一个 div)

    Ext.define('SimpleGrid', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.SimpleGrid',
    columns: [
        {
            dataIndex: 'name'
        }, {

            dataIndex: 'status'

        }, {

            dataIndex: 'enabled'
        }
    ],

    store: {
        fields: ['sex', 'name', 'status', 'enabled'],

        data: [
            { sex: 'male', name: 'Tom', status: 'Available', enabled: true }

        ]
    }
});
Ext.create('Ext.container.Viewport', {
            layout: {
                type: 'vbox',
                align: 'stretch'
            },
    renderTo:'ct',
            items: [

                {
                    xtype: 'SimpleGrid'

                }

            ]
        });

我已经将此作为错误发布在 sencha 论坛中，但如果有人可以为这种情况提供解决方法，如果它是一个错误，那就太好了。不确定 align:'stretch' 与它有什么关系，但应该没有理由呈现额外的列。任何帮助表示赞赏。谢谢

Answer 1

它不是一列，它只是呈现三列后剩下的空 space。将 flex:1 添加到其中一列以填充宽度。

ExtJS 4.2.0 gridpanel inside viewport 渲染额外列

ExtJS 4.2.0 gridpanel inside viewport rendering extra column

extjs4.2