Ext.PagingToolbar如何放在页面最底端

布局是这样的，一个tabpanel，里面url为一个jsp文件，jsp文件中引用一个js文件，有一个<div id='griddiv'>，js文件是一个panel，renderTo是griddiv,然后panel中有gridPanel，gridPanel有分页栏PagingToolbar，可是分页栏紧跟grid，没有显示在页面最下方，如何解决

var taskGridPanel = Ext.create('Ext.grid.Panel',{
     id:'monthRepairGrid',   
//     forceFit:false,
     layout:'fit',   
     store:store,
     autoExpandColumn:true,
     columns:columns,
     tbar:funcbar,
     bbar:Ext.create('Ext.PagingToolbar',{
             store:store,
         displayInfo:true,
         displayMsg:'显示{0}-{1}条，共{2}条',
         emptyMsg:'无数据'
    })
});
 
 Ext.onReady(function (){
     var pnTitle=new Ext.Panel({ 
        autoWidth:true,
        renderTo:'griddiv',
        autoScroll:true,
        items:[taskGridPanel]
    })
 })

是因为你的GridPanel没有高度造成的。。。设置个Height
给gridPanel 添加 height:'100%',