PDA

View Full Version : PivotGrid rendering weird



raj_plays
24 Feb 2012, 10:14 AM
Hi,
When I render my PivotGrid to a popup window, it shows properly.
If I render it to a window in a div, its column alignment gets skewed.

My PivotGrid....


var StatisticsListingGrid = new Ext.grid.PivotGrid({
id: 'StatisticsListingGrid',
//title : start_date + ' to ' + end_date Station:' + radio_station_id,
store: Grid1DataStore,
measure: 'date',
aggregator: 'count',
columnLines: true,
topAxis: [{
dataIndex: 'eventtrack'
}],
leftAxis: [{
dataIndex: 'date',
direction: 'ASC',
width: 70
}],
tbar: [{
xtype: 'exportbutton',
component: Ext.getCmp('StatisticsListingGrid'),
disabled: true
}],
loadMask: {
msg: 'Loading data ...'
},
width: 450,
height: 400
});


This works....


Window1 = new Ext.Window({
title: 'Click Metrics Report',
closable: false,
resizable: false,
draggable: false,
plain: true,
frame: true,
shadow: true,
width: 450,
height: 400,
layout: 'fit',
x: 0,
y: 0,
items: [StatisticsListingGrid]
});


This does not...


Window1 = new Ext.Window({
title: 'Click Metrics Report',
closable: false,
resizable: false,
draggable: false,
plain: true,
frame: true,
shadow: true,
width: 450,
height: 400,
layout: 'fit',
items: [StatisticsListingGrid],
renderTo: 'input-div4'
});


The div is declared as...
<div id="input-div4" style="width: 450px; height: 400px; float: left"></div>

The first image shown the rendering in a div and the second shows rendering in a popup.
Please help me fix this..


3211432115

mitchellsimoens
24 Feb 2012, 11:33 AM
Have you inspected the DOM to see what is going on?