我怎样才能像下图一样？

Question

 var cond = new Ext.panel.Panel({  
                                xtype : 'toolbar', 
                                dock : 'top', 
                                region : 'north' , 
                                layout : { 
                                           type : 'table' ,
                                           columns : '3' 
                                          } ,
                                items [ 
                                           { xtype : 'textfield' } , 
                                           { xtype : 'textfield'} 
                                      ]
});

[~~~~~cell~~~~][~~cell~~~][~cell~~~]
[~~~~cell~~~~][~~~~cell~][~~~~cell~]
[ cell ][cell][~~~~~~~~cell~~~~~~~~]

这里的图片显示我想要 table 单元格宽度差异。（我想要不一样）。

我怎样才能像下图一样？

顶级来源是基地...

我想要 table 单元格宽度差异（不相同）！

Answer 1

阅读此处了解更多信息http://docs.sencha.com/extjs/5.1/5.1.2-apidocs/#!/api/Ext.layout.container.Table 分机 6 也一样。

您不能仅使用树列来进行此配置。 table layout 使用 colspan 和 row span 来设置元素尺寸。

例如

1 2 3
[][][] -> every element colspan 1
[  ][] -> first element colspan 2 and second colspan 1

所以如果你有不同的维度，你必须有更多的列来设置完美的维度

我怎样才能像下图一样？

How can I make like the image below?

extjs

extjs6