ExtJS：向表格布局添加网格面板会使表格列宽度变得混乱

Question

使用ExtJS 4.2，如果我创建一个包含2列的表格布局面板，并且内部面板具有最小内容，则列宽度全部相等，并且比例会受到尊重。

layout : {
        type : 'table',
        columns : 2,
        tableAttrs : {
            style : {
                width : '100%',
                height : '100%'
            }
        }
    },

这就是看起来的样子：

http://jsfiddle.net/blackfrancis75/yscjjbLf/1/

但是如果我然后向面板添加内容，比如说Ext.grid.Panel，那么列的比例就会搞砸了;它们不再是50/50;它看起来像这样：

http://jsfiddle.net/blackfrancis75/kh8zr80h/1/

我尝试过像内部面板和autoScroll这样的方法，但我似乎没有任何进展。 什么是“强制”表格布局按比例设置列宽而不管其内容的最佳方法是什么？

Answer 1

尝试设置： -

 tdAttrs: {
      style: {
           width: '50%'
      }
 }

jsFiddle

Answer 2

表格布局在Ext中非常简单，它只是HTML表格的一个包装。因此，我建议使用HBox和VBox布局的组合来实现类似于表格的UI，只要您需要HTML表的简单性。