View Full Version : [FIXED] GridPanel - render issue

7 Jun 2014, 3:50 PM
Not sure if anyone reported this bug but looks like there is rendering issue in grid. First I though it is problem in my app however the same problem is in examples too. 49272
As you can see on enclosed image 3rd, 4th column have bad styles. There is displayed space for scroller too.

Example URL: http://dev.sencha.com/ext/5.0.0/examples/writer/writer-jsonp.html

OS: Windows 8.1 Ent
Browser: FF 29.0.1, Chrome 35.0.1916.114 m, IE 11.0.9600.17107

9 Jun 2014, 3:25 AM
Thank you for the report. We already had an internal bug report open for this and we have linked this thread to that existing bug.

18 Jun 2014, 9:04 PM
Any Override until next release ? Thanks!

19 Jun 2014, 2:55 PM
Plus one for a fix. This makes new ExtJS 5/grids look kinda sloppy. Any override would be appreciated or an ETA on a fix.


11 Jul 2014, 12:06 AM
Very many users waiting fix for this bug. Me too)

11 Jul 2014, 4:43 AM
reserveScrollbar: true on your gridpanel, this will at least keep the column alignment in place.

15 Jul 2014, 1:27 AM
me to

9 Aug 2014, 1:50 PM
was it fixed in 5.0.1 release?

12 Aug 2014, 11:39 PM
I recently updated to 5.0.1
When loading the grid the columns are now aligned with the names of the columns,



but when I press the column names to sort the elements, they are not aligned (The names of the columns stay the same size as before but the column width gets smaller and in total it is smaller than the width of the column names.)

(incorrect - messed up)

Edit: After resizing the windows the columns are aligned as they should

18 Aug 2014, 6:20 AM
In 5.0.2 this is still a bug

1 Sep 2014, 6:53 PM
In 5.0.2 this is still a bug

sad to know this!

21 Nov 2014, 3:09 PM
I know this is a hack, but we could not wait for 5.02 and I believe I read it might not be fixed in that version yet, either? In any case, here is quick fix if this bug is driving you nuts like my team:

If you resize the browser to a certain min width, a single row result in a grid disappears.

So here is the fix. You need to handle it in the afterrender (in case the browser is already minimized) and of course the resize event in the grid:

afterrender : function(g){
if(g.getStore() && g.getStore().getCount() == 1){

resize: function(g){
if(g.getStore() && g.getStore().getCount() == 1){

My apologies if this is not very elegant or you already fixed out a better fix! :))