Как уменьшить размер панели решетки extjs, чтобы вписаться в другой континер?

Question

У меня есть панель, состоящая из сетки данных с большим количеством столбцов. У меня есть размер столбца ширины, чтобы вписаться в родительский контейнер, но есть еще некоторые столбцы, которые скрыты. Мне нужно использовать горизонтальную полосу прокрутки, чтобы увидеть оставшиеся столбцы. Мне нужно, чтобы сетка вписывалась в панель.

Так что, если я уменьшу размер шрифта панели сетки или что-то в этом роде, чтобы он входил в панель.

Пожалуйста, смотрите скриншот ниже:

Заранее спасибо!

Я знаю о свойстве Forcefit, но данные скрываются в сетке для большей части столбцов. Но в flex это возможно. Окно имеет нормальный размер, и сетка немного меньше по размеру, чтобы вписаться в окно.

Смотрите скриншот ниже, как я хотел, чтобы мои сетки быть:

Answer 1

Использование «forceFit» конфигурации сетки, чтобы вписаться в доступную ширину.

см ниже документы

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

Я надеюсь, что это то, что вы ищете.