title: How to align Paging toolbar in middle of grid
body: <p>I want to align pagging tool bar in middle of grid. Is there any config parameter or css by which i can achieve that?</p>
  
  <pre><code>var store = Ext.create('Ext.data.Store', {
  id:'simpsonsStore',
  autoLoad: false,
  fields:['name', 'email', 'phone'],
  pageSize: 2
  proxy: {
      type: 'ajax',
      url: 'pagingstore.js',  
      reader: {
          type: 'json',
          root: 'items',
          totalProperty: 'total'
      }
  }});
  store.load({
  params:{
      start:0,
      limit: itemsPerPage
  }});
  
  Ext.create('Ext.grid.Panel', {
  title: 'Simpsons',
  store: store,
  columns: [
      { header: 'Name',  dataIndex: 'name' },
      { header: 'Email', dataIndex: 'email', flex: 1 },
      { header: 'Phone', dataIndex: 'phone' }
  ],
  width: 400,
  height: 125,
  dockedItems: [{
      xtype: 'pagingtoolbar',
      store: store,   
      dock: 'bottom',
      displayInfo: true
  }],
  renderTo: Ext.getBody()});
  </code></pre>