Vertical scroll bar not working when using mouse wheel # FF, Chrome
I have a grid with 8 rows and 10 columns (Ext 4.2.1 - with JS code) and I got a "vertical scrollbar" since the data size is larger than the minimum data size. But when trying to move the scrollbar using the mouse wheel, it lags behind in Firefox (version: 54.0.1), Google (version: 59.0.3071.115).
I created a Grid with one of the columns locked. I noticed that when a grid column is locked, scrolling is mouseonwheel
very slow (when I scroll my cursor to a locked column. Scrolling is smooth when the cursor is in an unlocked column.)
Here is my column config
columns: [
{ text: 'Name', dataIndex: 'name',locked : true},
{ text: 'Email', dataIndex: 'email', flex: 1,lockable : false },
{ text: 'Phone', dataIndex: 'phone',locked : true }
],
Here, when my cursor is on Name
and phone
, the scrolling is smooth. But when I try to scroll with the cursor on the Email
Scrolling it doesn't work as expected. (Means scrolling is strong)
Here is my violinist. Fiddle you can try.
How to overcome this. I am using ExtJS 4.2.1
source to share
If you override a onLockedViewScroll
method on your grid and set it to be an empty function, it should do the trick.
Ext.create('Ext.grid.Panel', {
...
onLockedViewScroll: Ext.emptyFn,
});
source to share