I have a Grid Panel rendered in a DIV without specifying any width for either the DIV or the Grid Panel. I want them to take up all available browser width, but the Grid does not resize itself when the browser window is resized by the user. I have tried various solutions from resources like Stackoverflow and ExtJs forums, but none of them seem to work for me.
Stackoverflow post - I attempted the window resize solution mentioned here
ExtJs Plugin - Fit to parent - I also modified this ExtJs 3 plugin for ExtJs 4, but it did not solve my issue
Any guidance or assistance would be greatly appreciated
Below is a snippet of the code for the Grid panel used in my project
Ext4.define('myNameSpace.myGrid', {
extend: 'Ext4.grid.Panel',
// Rest of the code goes here...
});
Here is the code snippet I am using to render the above grid
Ext4.create('myNameSpace.myGrid', {
store: Ext4.create('myGridStore'),
renderTo: 'transfersGrid',
id: "transferGridPanel"
});