PDA

View Full Version : PivotGrid with double header witdh in IE6



DarthMario
29 Nov 2010, 10:25 AM
Hi all,

i have a problem with the PivotGrid in IE6. :(
In IE 6 the header over the left axis has a double with. Have you an idea???

Greetings
Mario

mankz
29 Nov 2010, 11:18 AM
Post your code :)

DarthMario
29 Nov 2010, 12:32 PM
Post your code :)

Here my code:



var pivotGrid = new Ext.grid.PivotGrid({
title : 'PivotGrid example',
width : 500,
height : 200,
renderTo : 'pivot',
store : myStore,
measure : 'value',
viewConfig: {
title: 'Sales Performance'
},

leftAxis: [
{
width: 80,
dataIndex: 'person'
},
{
width: 90,
dataIndex: 'product'
}
],

topAxis: [
{
dataIndex: 'year'
},
{
dataIndex: 'city'
}
]
});

usczeus
7 Dec 2010, 10:03 AM
I am also getting an error with the pivotgrid code out of the box. I get 2 of 3 of my top axis shifted to the right.

usczeus
8 Dec 2010, 11:39 PM
What I found is that IE6 interprets floats weird. I modified ext-all.js in the section

initTemplates:function(){var c=this.templates||{},d,b,g=new Ext.Template( .......

From

<div class="x-grid3-header-inner">',
'<div class="x-grid3-header-offset" style="{ostyle}"></div>',
"</div>",To


'<div style="float:left;"><div class="x-grid3-header-inner" style="float:none;">',
'<div class="x-grid3-header-offset" style="{ostyle}"></div>',
"</div></div>",