Extjs Viewport内嵌的grid没有滚动条怎么解决
因为列表内的字段太多，又没有滚动条，导致grid里面的数据 靠后面的看不到，求大牛们帮忙把滚动条弄出来，谢谢啦！

jsp文件部分代码：
<script type="text/javascript" src="<c:url value="/jsp/housesManageMent/dormInfo.js"/>"></script>  
var report= new Ext.Viewport({
        renderTo: document.body,
        border:false,
        layout:'border',
        items:[{
            height:225,
            width:Ext.getBody().getWidth(),
            region:'north',
            items: [grid]
        },{
            region:'center',
            items: [tabs]
        }]
    });
====================================================================================
dormInfo.js文件部分代码：
 var grid = Ext.create('Ext.grid.Panel', {
            title: '宿舍信息管理',
            store: store,
            height: 225,
            width: '100%',
            loadMask: true,
            autoScroll:true,
            viewConfig: {
                autoFill:true
            },
            columns:[
                Ext.create('Ext.grid.RowNumberer'),
                {text: "宿舍编号",dataIndex:'dormNo',sortable: true,width:200},
                {text: "宿舍地址",dataIndex:'houseadd',sortable: true,width:300},
------解决方案--------------------
默认就有滚动条的
------解决方案--------------------
这个应该在高度的调整上面吧，extjs没用过，支持一下！学习了
------解决方案--------------------
aotuscroll:true
------解决方案--------------------
gril的字段宽度给flex 在看看是不是宽度把滚动条顶没了
------解决方案-----------