100% height when loading into a div

[NoahK17]

What does code formatted like this give you?

var grid = new Ext.grid.GridPanel({
    id: 'grid-id',
    autoHeight: true,
    store: storeName
		
    title: 'Grid',
        
    columns:[
        { header: "Column 1", dataIndex: 'column1', width: 100, sortable: true},
        { header: "Column 2", dataIndex: 'column2', width: 100, sortable: true}
    ]
});

var panel = new Ext.Panel({
    id: 'panel-id',
    width: 500,
    items: [ grid ]
});

panel.render('div-id');

[emils]

To summarize:

1. in extjs layouts work perfectly.
2. grid does not fill the entire height because you have an error in the code.
3. when I look the code, i see you can try the following:

//    layout: 'border',
    initComponent: function() {
        layout: 'border',
        this.items = [