View Full Version : Problem in Grouping Grid with enableGroupingMenu and hideGroupedHeader

2 Jul 2012, 11:31 PM
I am using Ext Js 4.1. I have a grouping grid. I want the grouping header and grouping line(border) to be hidden if there is just one row in a grid. otherwise, the groupheader should be displayed as usual. With the following code the group header becomes invisible, but the group can still be collapsed/expanded from the grouping border.

features: [{
ftype: 'grouping',
groupHeaderTpl: Ext.create('Ext.XTemplate',
'<tpl if="this.isGroup(rows)">',
'<tpl else>',
isGroup: function(rows) {
if(rows.length > 1){
return false;
return true;

I dont want the group to be collapsible if there is just one row. currently, i can collapse it by clicking on the empty group header row/group border

6 Jul 2012, 2:22 PM
How do you plan on distinguishing if a group is expanded and right below it is another group but doesn't show the group header on the bottom group? Seems it would run together without a group header.

6 Jul 2012, 9:11 PM
There will be a border line to distinguish between the groups. But that border line cant be used to collapse the group