Take the 2-minute tour ×

Everything's in the subject. I have a grouped grid, like this Sencha example. I would like to remove the [+][-] signs in order to disable collapsing.

I thought there would be some config for the grouping feature, something like 'collapsible: false', but there is not any.

Any ideas please ?

share|improve this question

4 Answers 4

You can inherit Ext.grid.feature.Grouping and redefine onGroupClick method. It's not good but the simplest way for now:

Ext.define( 'My.grid.feature.RightsGrouping', {
extend: 'Ext.grid.feature.Grouping',

   onGroupClick: function(view, group, idx, foo, e) {

Also you'll have to edit CSS to remove collapse sign and change cursor pointer:

  .x-grid-group-hd .x-grid-cell-inner { cursor: default; }
  .x-grid-group-title { background-image: none; }
share|improve this answer

Very nice Serg, thanks.

even easier for the override is:

features: [
        onGroupClick: function() {} /* do nothing! */ 
share|improve this answer

Use configuration to disable collapse config property:

collapsible : Boolean Set to false to disable collapsing groups from the UI.

This is set to false when the associated store is buffered.

Defaults to: true


share|improve this answer
Please provide a short summary of the linked page for future reference. –  nietonfir Oct 24 '13 at 21:07

This was not working in 4.2.1.

Figured out a solution seemed very funny to me

         fn: me.onGroupingGroupcollapse,
         scope: me

onGroupingGroupcollapse: function(view, node, group, eOpts) 
share|improve this answer

Your Answer


