PDA

View Full Version : [CLOSED] Grid panel: header scrolls incorrectly after column resizing



alexander.shipilov
9 Oct 2013, 6:20 AM
REQUIRED INFORMATION

Ext version tested:


Ext 4.2.2.1144
Ext 4.2.1.883

Browser versions tested against:


FF 24.0
GC 30.0.1599.69 m
IE 10.0.9200.16686

Description:


Header scrolls incorrectly if call scrollBy after column resizing

The result that was expected:


Grid header scrollLeft is equal to grid body scrollLeft

The result that occurs instead:


Grid header scrollLeft is incorrect

Test Case:

https://fiddle.sencha.com/#fiddle/sn



var store = Ext.create('Ext.data.Store', {
fields : ['1', '2', '3', '4', '5'],
data : {
'items' : [{ '1' : '1', '2' : '2', '3' : '3', '4' : '4', '5' : '5' }]
},
proxy : {
type : 'memory',
reader : {
type : 'json',
root : 'items'
}
}
});

var columns = [
{ text : '1', dataIndex : '1' },
{ text : '2', dataIndex : '2' },
{ text : '3', dataIndex : '3' },
{ text : '4', dataIndex : '4' },
{ text : '5', dataIndex : '5' }
];

var panel = Ext.create('Ext.grid.Panel', {
columns : columns,
store : store,
width : 300,
height : 100,
renderTo : Ext.getBody(),

listeners : {
'viewready' : function() {
this.columns[0].setWidth(150);
this.view.scrollBy(150, 0, false);
}
}
});



HELPFUL INFORMATION

See this URL for live test case: http://fiestadev.bryntum.com/#248-grid-header-scrolls-incorrectly-after-column-resizing

Gary Schlosberg
9 Oct 2013, 9:51 AM
Thanks for the report! I have opened a bug in our bug tracker.