23 Aug 2011 7:30 AM #1
[4.0.5] No vertical scroll in Ext.grid.Panel with small number of records in table.
Ext version tested:
- Ext 4.0.5
- When you create a Ext.panel.Table being resizable (or a set height that is too small)
and you have a small number of records in the table the vertical scrollbar will not appear.
- Create a Ext.grid.Panel with a height of 186px;
- Create a store with 4 records in it.
- Expecting a 186px height GridPanel with 4 records and a scrollbar.
- Scrollbar will not appear and records will be cut off.
Screenshot or Video:
Debugging already done:
- Debugged Ext.panel.Table
- Looking into the method determineScrollbars() in Ext.panel.Table:
The scrollbar height is being compared to the height of the entire component,
rather then the height of the table itself (or the body of the component).
//box = me.getSize() <-- wrong box = me.body.getSize()
- only default ext-all.css
23 Aug 2011 9:44 AM #2
See my last post here
That should get you around your problem with scrollbar not showing (seems the whole grid panel, rather than just the view is being used to retrieve size when calculating whether to show the scroller or not)
Ha, hadn't read your whole post, looks like you already saw the problem
23 Aug 2011 11:06 AM #3
Thank you for the code! It works. Let's hope this is fixed in 4.0.6.
24 Aug 2011 11:07 AM #4
Same thing more examples
Sencha Ext JS 4.0.5
AutoScroll not working.
I have found two scenarios where
autoScroll is not working.
7 items in store when testing.
- Grid Panel ( code on next page)
- view.View inside of Panel
- view.View works fine
on the Grid Panel the scroll bars
show up in WebKit (Chrome and Safari) but they are not functional,
no scrolling. You can use arrow keys to select items that out of
sight and you can search and sort items so that hidden items become
visible. Firefox(ver 5 and 6) and IE (ver 8 and 9) the scroll bars
are not visible.
On the View inside of a panel the
scroll bars do not show on any of the browsers. Search works so you
can display subset of list. I added a paging toolbar, it shows
correct information but is non functional.
On just plain view.View (code on
last page) the scrollbar works fine on all 4 tested browsers.
31 Aug 2011 6:12 AM #5
Looks like this bug was fixed in 4.0.6
13 Sep 2011 4:29 AM #6
i'm using 4.0.6 and in my grid doesn't show any scroll bars even tho i set both
i'm using FF6 and XP
this virtual scrolling thing is rubbish!!
15 Sep 2011 4:25 AM #7
15 Sep 2011 4:29 AM #8
- Join Date
- Apr 2007
- Sydney, Australia
- Vote Rating
There's no need to specify either of those options, the grid will scroll automatically.Evan Trimboli
Twitter - @evantrimboli
Don't be afraid of the source code!
15 Sep 2011 4:34 AM #9
what's really strange is that on the left side there is a funny blue line that sticks out....
i think this is the scroll bar... i just inspected it with firebug and the html is:
<div id="gridscroller-1061" class="x-component x-scroller x-scroller-vertical x-component-default x-docked x-docked-right x-component-docked-right x-component-default-docked-right" style="width: 17px;" role="presentation"><div id="gridscroller-1061_ct" class="x-scroller-ct" style="width: 21px; height: 0px; left: -5px;"><div id="gridscroller-1061_stretch" class="x-stretcher" style="width: 1px; height: 483px;"></div></div></div>
15 Sep 2011 4:35 AM #10