[v 4.1.0] Grid header doesn't render correctly

[lutiayi]

I'm using ext 4.1.0 version. Grid header couldn't render as I wanted ,when the header in my grid has more than three-layer columns.
The code as below:

Ext.create('Ext.data.Store', {
storeId:'simpsonsStore',
fields:['name', 'email', 'phone'],
data:{'items':[
{ 'name': 'Lisa', "email":"lisa@simpsons.com", "phone":"555-111-1224" },
{ 'name': 'Bart', "email":"bart@simpsons.com", "phone":"555-222-1234" },
{ 'name': 'Homer', "email":"home@simpsons.com", "phone":"555-222-1244" },
{ 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254" }
]},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
});


Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
store: Ext.data.StoreManager.lookup('simpsonsStore'),
columns: [{
text:'A-Level1',
columns:[{
text:'A-level2',
columns:[{
text:'A-level3-i',
dataIndex:'name'
},{
text:'A-level3-ii'
}]
}]
},{
text:'B-level1',
columns:[{
text:'B-level2',
columns:[{
text:'B-level3',
columns:[{
text:'B-level4-i',
dataIndex:'email'
},{
text:'B-level4-ii',
dataIndex:'phone'
}]
}]
}]
}],

height: 200,
width: 400,
renderTo: Ext.getBody()
});

1.png

[mitchellsimoens]

Thanks for the report! I have opened a bug in our bug tracker.