title: Extjs gridpanel display 25 rows max due to localstorage proxy. How to change this limit value?
body: <p>I have a grid panel and its code is:</p>
  
  <pre><code>{
              xtype: 'gridpanel',
              x: 10,
              y: 10,
              autoScroll : true,
  
             // height: 300,
              width: 300,
              title: 'Grid Panel',
  
              store: 'peopleStore',
  
              columns: [
                  {
                      xtype: 'gridcolumn',
                      dataIndex: 'name',
                      text: 'Name'
                  },
                  {
                      xtype: 'gridcolumn',
                      dataIndex: 'gender',
                      text: 'Gender'
                  },
                  {
                      xtype: 'numbercolumn',
                      dataIndex: 'age',
                      text: 'Age'
                  }
              ]
          }
  </code></pre>
  
  <p>My store structure is :</p>
  
  <pre><code> Ext.define('ThemeApp.store.peopleStore', {
          extend: 'Ext.data.Store',
  
              model: 'ThemeApp.model.peopleModel',
              storeId: 'peopleStore',
  
  
              proxy: {
                  type: 'localstorage',
                  id: 'PeopleInfo'
             }
  
  
      });
  </code></pre>
  
  <p>I have a add row button. But only 25 rows are displayed and remaining rows goes behind these 25 rows. Does anyone knows about this problem?</p>