如何减少extjs Grid面板大小以适应另一个容器？

Question

我有一个面板，它包含一个包含多个列的数据网格。我重新调整了列宽以适应父容器，但仍然有一些列被隐藏。我需要使用水平滚动条来查看剩余的列。我需要让网格适合面板。

那么，如果我减小网格面板的字体大小或类似的东西，使其适合面板，那该怎么办呢。

请参阅下面的截图：

提前致谢！

我知道Forcefit属性，但数据隐藏在大多数列的网格中。但在flex中它是可能的。窗口大小正常，网格尺寸略小，不适合窗户。

请参阅下面的截图，我希望我的网格是：

Answer 1

使用网格的“forceFit”配置以适应可用的宽度。

参考下面的文档

http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.Panel-cfg-forceFit

我希望你能找到这个。