title: extjs 4 - set horizontal scrolling to tbar in grid panel
body: <p>I need to set horizontal scrolling to an ExtJS tbar which contains buttons in a row that are not visible in the end. Following is the code.</p>
  
  <pre><code>Ext.define('myProject.view.accounts.user.UserGrid', {
      extend: 'Ext.grid.Panel',
      alias: 'widget.usergrid',
      minHeight: 400,
      margin: '0,5,0,5',
      title: 'User Accounts',
      region: 'center',
      cls: 'grid-with-footer',
      scroll: 'vertical',        
      bind: {
          ...
      },
      initComponent: function() {
          ...
          Ext.applyIf(me, {
              columns: [{
                  ...
              }],
  
              features: [{
                  ...
              }],
  
              tbar: [{ // &lt;-- this should be horizontally scrollable.
                  ...
              }],
  
              bbar: {
                  ...
              }
          });
          this.callParent();
      }
  });
  </code></pre>
  
  <p>(I'm using ExtJS 4.2.1)</p>