表中的Extjs布局hbox不可见

表中的Extjs布局hbox不可见,extjs,layout,extjs6,hbox,Extjs,Layout,Extjs6,Hbox,当我在表格中放置hbox时,布局项不可见 Ext.create('Ext.panel.Panel', { title: 'Hello', width: 200, layout: { type: 'table', columns: 9, }, items: [ { xtype: 'container', layout: 'hbox', items: [ {

当我在表格中放置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()
});

链接:

解决此问题的一种方法是设置容器的
宽度:

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()
});

我不太确定您想要实现什么目标。您试图在没有任何项的表布局中插入hbox布局。你能向我们说明一下你打算在应用程序的布局方面做些什么吗?在这里,您将看到一个表布局的示例:我看到您的表布局有9列。如果您想在表列中插入hbox布局,请查看这是否有助于尝试澄清您想要的内容,以便我们能够更好地帮助您。