表中的Extjs布局hbox不可见

Question

当我在表格中放置hbox时，项目不可见！

Ext.create('Ext.panel.Panel', {
title: 'Hello',
width: 200,    
layout: {
    type: 'table',
    columns: 9,
},    
items: [
    {
        xtype: 'container',
        layout: 'hbox',
        items: [
            {
                xtype: 'container',
                html: '123',
            },
        ],
    },
],    
renderTo: Ext.getBody()
});

link：https://fiddle.sencha.com/#view/editor&fiddle/1q1h

Answer 1

解决此问题的一种方法是设置容器的width：

Ext.create('Ext.panel.Panel', {
    title: 'Hello',
    width: 500,

    layout: {
        type: 'table',
        columns: 9,
    },
    items: [{
        xtype: 'container',
        layout: 'hbox',
        width: 100,
        items: [{
            xtype: 'container',
            html: '123'
        }, ],
    }, ],

    renderTo: Ext.getBody()
});

Fiddle example