title: Horizontally Scrollable Grid in ExtJS 3.3
body: <p>I'm new to ExtJS and am having hard time accommodating a large number of columns in a 600px wide Ext.grid.EditorGridPanel (see example below). Scrolling all grid columns together or something similar to <a href="http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/grid-plugins.html" rel="nofollow">the second grid shown in this example (Ext 4)</a> would do it.</p>
  
  <pre><code>var grid = new Ext.grid.EditorGridPanel(
      this.getGridConfig('', ['a', 'b', 'c', '...', 'x', 'y', 'z'], [
          {
              dataIndex: 'a',
              header: 'A',
              editor: new Ext.form.TextField({width: 200, allowEmpty: false})
          },
          {
              dataIndex: 'b',
              header: 'B',
              editor: bCombo,
          } /* many more column definitions here... */],
          definitions,
          'disabled'
      )
  );
  </code></pre>
  
  <p>I've tried to set <code>autoScroll = true</code> at several different levels without any luck. Is there a mechanism to handle tons of grid columns in ExtJS 3.3, similar to the one provided for <a href="http://extjs-public.googlecode.com/svn-history/r110/extjs-3.x/release/examples/tabs/tab-scroller-menu.html" rel="nofollow">handling tabs</a>? </p>