title: Extjs ComboBox inside grid
body: <p>I have a grid with some data (users list). For each row I have many actions such as update, delete, activate, suspend, view orders you name it.</p>
  
  <p>Instead of placing so many buttons which will fill more than <code>400-500</code> pixels I want to place a combobox with an action applied to each field. </p>
  
  <p>The problem is that I can't simply render a combobox in a column row just like that or I'm missing something? Can someone shed some light on this please?</p>
  
  <pre><code>new Ext.grid.GridPanel({
      region: 'center',
      id: 'usersGrid',
      store: store,
      stripeRows: true,
      autoExpandColumn: 'username',
      columns: [{
              // username
          },{
              // email
          },{
              // last seen
          },{
              //  actions combo, it won't show
              header: '',
              width: 220,
              fixed: true,
              hideable: false,
              dataIndex: 'actions',
              renderer: new Ext.form.ComboBox({
                  store: new Ext.data.SimpleStore({
                      id: 0,
                      fields: ['abbr', 'action'],
                      data: [
                          ['suspend', 'Suspend'],
                          ['activate', 'Activate'],
                          ['update', 'Update'],
                          ['delete', 'Delete']
                      ]
                  }),
                  displayField: 'action',
                  valueField: 'abbr',
                  mode: 'local',
                  typeAhead: false,
                  triggerAction: 'all',
                  lazyRender: true,
                  emptyText: 'Select action'
              })
          }
      ]
  });
  </code></pre>