-
21 Jun 2012 6:26 AM #1
Column-Header moves when resizing Column-Width
Column-Header moves when resizing Column-Width
In Ext JS 4.1.1 there is a strange behavior. Look at the small example below.
When I open the window, I scroll the grid to the right.
Now I change the width of the Email-Column and make it a little smaller.
This causes the ColumnHeader shift tu the left, so ColumnHeader and Columns are shifted mutually.
I think this is a bug in 4.1.1, in 4.1.0 it looks good.
Code:Ext.create('Ext.data.Store', { storeId:'simpsonsStore', fields:['name', 'email', 'phone'], data:{'items':[ { 'name': 'Lisa', "email":"lisa@simpsons.com", "phone":"555-111-1224" }, { 'name': 'Bart', "email":"bart@simpsons.com", "phone":"555-222-1234" }, { 'name': 'Homer', "email":"home@simpsons.com", "phone":"555-222-1244" }, { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254" } ]}, proxy: { type: 'memory', reader: { type: 'json', root: 'items' } } }); var panel = Ext.create('Ext.grid.Panel', { title: 'Simpsons', store: Ext.data.StoreManager.lookup('simpsonsStore'), columns: [ { header: 'Name', dataIndex: 'name', width: 200}, { header: 'Email', dataIndex: 'email', width: 100}, { header: 'Phone', dataIndex: 'phone', width: 200} ], height: 200, width: 400 }); var win = Ext.create('Ext.window.Window', { title: 'Title', items: panel }); win.show();
-
21 Jun 2012 12:01 PM #2
I couldn't reproduce this but it sounds serious. Could you provide a little more information?
Which browsers do you see this in? What OS?
Exactly which 4.1.1 build are you using (RC1, RC2 or the date of a nightly build)?
Could you include a screenshot of what you're seeing, just to confirm that we're looking for the same problem?
-
22 Jun 2012 12:12 AM #3
Attached three screenshots. The first open after the application. Then I scroll to the right.
Then I move the mouse slightly to the right so that the Email column is wider. When I let go of the mouse, the header pushes to the right and it looks like the last picture.
I use Ect 4.1.1 RC2, Windows 7, Firefox 13
-
22 Jun 2012 7:10 AM #4
This seems to be corrected in the latest build. I was able to duplicate this in 4.1.1 RC2
Open; scroll to right, resize email smaller, then resize larger .. not aligned.
If you have access to the nightly build, please try.
Scott.
-
25 Jun 2012 12:17 AM #5
Thanks, I've tried the nightly build and now the problem no longer occurs.


Reply With Quote