如何在extjs网格中对分组数据进行排序？

Ext.create('Ext.grid.Panel', {
    title: '分组数据排序示例',
    store: Ext.create('Ext.data.Store', {
        fields: ['name', 'age', 'gender'],
        groupField: 'gender', // 根据gender字段进行分组
        data: [
            { name: '张三', age: 25, gender: '男' },
            { name: '李四', age: 30, gender: '男' },
            { name: '王五', age: 28, gender: '女' },
            { name: '赵六', age: 35, gender: '女' }
        ]
    }),
    columns: [
        { text: '姓名', dataIndex: 'name', flex: 1 },
        { text: '年龄', dataIndex: 'age', flex: 1, sorter: function(recordA, recordB) {
            return recordA.get('age') - recordB.get('age'); // 按年龄升序排序
        }},
        { text: '性别', dataIndex: 'gender', flex: 1 }
    ],
    renderTo: Ext.getBody()
});