适合容器内的元素与表格布局

Question

我需要在表格单元格中放置一个容器。目前，我无法这样做，并且容器仅在我手动设置其高度时显示。

这是一个显示问题的小提琴。

https://fiddle.sencha.com/#fiddle/13ug

如果我将容器高度设置为（例如300），则会显示容器。但是，我希望容器能够自动适应colspan / rowspan并根据表调整大小。

我能帮忙吗？谢谢！

Answer 1

这将自动调整容器的大小以填充单元格高度的100％ - 即使单元格高度增加。

initComponent: function() {
      var me = this;
        var tester2 = Ext.create("Ext.container.Container");
        Ext.apply(tester2, {
            height: "100%",
            layout: "fit",
            style:"background-color: red",
            colspan: 5,
            rowspan: 2,
        });