PDA

View Full Version : Fixed Header on ajax scrolling table non working with ie7



maurello1
9 Jun 2010, 6:17 AM
Hi,

we got the following problem, concerning a Fixed Header ajax table. In this table the tbody is scrolling. When we enter data on it and we use ie7, the header doesn't follow the body. The code, we submit following, is correctly working on ie8.

[CODE]

Ext.onReady(function(){

Ext.QuickTips.init();
var xg = Ext.grid;

// shared reader
var reader = new Ext.data.ArrayReader({}, [
{name: 'severity'},
{name: 'occurred'},
{name: 'datamod'},
{name: 'host'},
{name: 'banca'},
{name: 'codbanca'},
{name: 'message'},
{name: 'provincia'},
{name: 'indirizzo'},
{name: 'repeated'}
]);

var sm = new xg.CheckboxSelectionModel();
var grid2 = new xg.Grid3({
ds: new Ext.data.Store({
reader: reader,
data: xg.dummyData
}),
cm: new xg.ColumnModel([
sm,
{id:'severity',header: "Severity", width: 50, sortable: true, dataIndex: 'severity'},
{header: "Occurred", width: 120, sortable: true, dataIndex: 'occurred'},
{header: "Data Modifica", width: 120, sortable: true, dataIndex: 'datamod'},
{header: "Host", width: 80, sortable: true, dataIndex: 'host'},
{header: "Banca", width: 150, sortable: true, dataIndex: 'banca'},
{header: "Codice Banca", width: 80, sortable: true, dataIndex: 'codbanca'},
{header: "Message", width: 250, sortable: true, dataIndex: 'message'},
{header: "Provincia", width: 80, sortable: true, dataIndex: 'provincia'},
{header: "indirizzo", width: 200, sortable: true, dataIndex: 'indirizzo'},
{header: "Repeated", width: 50, sortable: true, dataIndex: 'repeated'}
]),
sm: sm,
width:800,
height:300,
frame:true,
title:'',
iconCls:'icon-grid',
enableTabScroll : true,
renderTo: mainPanel
});

});


[CODE]




Please help...
Thanks in advance...