[4.0.7] Bug in grid with grouped headers

[isglass]

REQUIRED INFORMATION


Ext version tested:

• Ext 4.0.7

Browser versions tested against:

• IE9
• Chrome 14

DOCTYPE tested against:

• Strict
• None

Description:

• Grid headers rendered wrong when grouped in multiple levels.

Steps to reproduce the problem:

• Create a grid with three levels of headers (see code below)

The result that was expected:

• Correctly rendered headers

The result that occurs instead:

• Headers with wrong width, correctly rendered if manualy resized (also if I setWidth on them after render).

Test Case:

    Ext.application({
	name: 'BugTest',
	launch: function () {
		Ext.create('Ext.container.Viewport', {
			layout: 'fit',
			items: [
				{
					xtype: 'grid',
					columns: [
						{ header: 'A', columns: [
							{ header: 'A-A', columns: [
								{ header: 'A-A-A', dataIndex: 'AAA' },
								{ header: 'A-A-B', dataIndex: 'AAB' }
							]}
						]}
					]
				}
			]
		});
	}
});

HELPFUL INFORMATION


Screenshot or Video:

• attached

dump.jpg

Debugging already done:

• Manual resize or resize from code after render gets it right

Possible fix:

• not provided

Additional CSS used:

• only default ext-all.css

Operating System:

• Win7

[Jakovenkko.Oleg]

Please answer how to fix this bug?
Thank you in advance for your reply.

[chramer]

http://www.sencha.com/forum/showthre...Issue&p=675746