We may need to see an example of this. You can run this example in our fiddle and it works as expected:
https://fiddle.sencha.com/#home
// insert code in fiddle
Ext.onReady(function(){
var store = Ext.create('Ext.data.Store', {
fields : ['name', 'email', 'change', 'type'],
data : {'items' : [
{ 'name' : 'Lisa', 'email' : '
[email protected]', 'change' : 100, 'type' : 'child' },
{ 'name' : 'Bart', 'email' : '
[email protected]', 'change' : -20, 'type' : 'child' },
{ 'name' : 'Homer', 'email' : '
[email protected]', 'change' : 23 , 'type' : 'parent' },
{ 'name' : 'Marge', 'email' : '
[email protected]', 'change' : -11, 'type' : 'parent' }
]},
groupField: 'type',
proxy : {
type : 'memory',
reader : {
type : 'json',
root : 'items'
}
}
});
var grid = Ext.create('Ext.grid.Panel', {
title : 'Simpsons',
store : store,
columns : [
{ header : 'Name', dataIndex : 'name' },
{ header : 'Email', dataIndex : 'email', flex : 1 },
{ header : 'Change', dataIndex : 'change' }
],
features: [{
ftype: 'grouping'
}],
height : 300,
width : 400,
renderTo : Ext.getBody()
});
// add to top group
store.add({'name' : 'Sencha', 'email' : '
[email protected]', 'change' : 1000, 'type' : 'child'});
});