使用Extjs 4 MVC的grid多表头的Bug？

ext版本是4.02，使用MVC的结构来做项目，在grid中引入多表头，列拖动改变宽度的时候，单表头的列会错位。
有遇到同样问题的道友吗？
JScript code

Ext.define('AO.fn.xGrid', {
    extend: 'Ext.grid.Panel',
    alias : 'widget.xgrid',
    store: 'jggl.xGrid',
    border: false,
    
    initComponent : function() {
        this.selModel = Ext.create('Ext.selection.CheckboxModel');
        this.features = [filters];
        
        this.columns = [
            
            {header: '名字',  dataIndex: 'userName', 
            filter: {
                type: 'string'
            }},
            {
            header:'基本信息',
            columns: [
                {header: '单位',width:120, dataIndex: 'compName', filterable: true},
                {header: '部门',width:120, dataIndex: 'deptName',filterable: true},
                {header: '岗位',width:120, dataIndex: 'station',filterable: true},
            ]
            },
            {header: '登录名',  dataIndex: 'loginName',filterable: true,flex:1,},
            {header: '角色权限',  dataIndex: 'roleName',filterable: true}
        ];
        
       
        
        this.callParent(arguments);
    }
});

单独在html里做是没问题的...