проблема в не отображении скроллов в gridPanel
 

Использую в своем проекте gridpanel, проблема в том, что при больших количествах строк не появляются вертикальные скроллы для прокрутки вверх-вниз. помогите!
Код:

Ext.onReady(function(){
        var myData = [
            ['start'],['1'], ['2'], ['3'], ['4'], ['5'], ['6'], ['7'], ['8'], ['9'], ['10'], ['11'], ['12'], ['13'],['14'], ['15'], ['16'], ['17'], ['18'], ['19'], ['20'], ['21'], ['22'], ['23'], ['24'], ['25'],['26'], ['27'], ['28'], ['29'], ['30'], ['31'], ['32'], ['33'], ['34'], ['35'], ['36'], ['end']
        ];

        var store = new Ext.data.ArrayStore({
            fields: [ {name: 'values'} ]
        });

        store.loadData(myData);

        var grid = new Ext.grid.GridPanel({
            store: store,
            columns: [{ header: 'values', dataIndex: 'values'}]
        });

        new Ext.Viewport({
            padding:10,
            layout:'fit',
            items: [{
                xtype: 'tabpanel',
                items: [{
                    title: 'Tab1',
                    items: [grid]
                }]
            }],
            renderTo: Ext.getBody()
        });
        });

Кстати, тут впервые, тут картинку нельзя вставить?

кхм.. а ширину и высоту указывать??

var grid = new Ext.grid.GridPanel({
            store: store,
			height: 100,
			width: 200,
            columns: [{ header: 'values', dataIndex: 'values'}]
        });