In 4.2.2 using the Grouping Summary feature and Row Expander plugin together worked as expected and a group's summary values lined up with the related columns. In 4.2.3 this has broken causing the summary row columns to all become equal spacing and therefore out of alignment with columns that have been sized another way. Using this example, it is easy to see the alignment issue. Any suggestions?

Code:



Ext.define('TestResult', {
    extend: 'Ext.data.Model',
    fields: ['student', 'subject', {
        name: 'grade',
        type: 'int'
    }]
});
 
Ext.create('Ext.grid.Panel', {
    width: 400,
    height: 240,
    renderTo: document.body,
    features: [{
        groupHeaderTpl: 'Subject: {name}',
        ftype: 'groupingsummary'
    }],
    plugins: [{
        ptype: 'rowexpander',
        rowBodyTpl: [
        '<div class="row-details-panel" id="row-details-panel-{id}">{id}</div>'
        ]
    }],
    store: {
        model: 'TestResult',
        groupField: 'subject',
        data: [{
            student: 'Student 1',
            subject: 'Math',
            grade: 84
        },{
            student: 'Student 1',
            subject: 'Science',
            grade: 72
        },{
            student: 'Student 2',
            subject: 'Math',
            grade: 96
        },{
            student: 'Student 2',
            subject: 'Science',
            grade: 68
        }]
    },
    columns: [{
        dataIndex: 'student',
        flex: 1,
        text: 'Name',
        summaryType: 'count',
        summaryRenderer: function(value){
            return Ext.String.format('{0} student{1}', value, value !== 1 ? 's' : '');
        }
    }, {
        dataIndex: 'grade',
        flex: 1,
        text: 'Grade',
        summaryType: 'average'
    }]
});