This is a migrated thread and some comments may be shown as answers.

[Solved] Scroll inside column not working with virtual

1 Answer 272 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Bridge24
Top achievements
Rank 1
Iron
Iron
Bridge24 asked on 19 Dec 2014, 02:31 PM
Hi, we need to use max-heigh/scrolly for some data.  But, we're also using virtual scrolling because we always need to keep the top headers, vertically and horizontally.

When scrolling:virtual=true is set, the "inner div" are not scrollable with mouse wheel, but only with the scrollbar click-drag.

Sample: You can enable-disable virtual with checkbox to see the difference.

http://jsfiddle.net/eazwgd47/1/

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 23 Dec 2014, 09:05 AM
Hello Dani,

When virtual scrolling is enabled, the Grid uses the mousewheel event to scroll the fake virtual scrollbar and move the table content up and down. You can stop the corresponding event bubbling when the mouse wheel is used for your custom scrollable containers:

var kgrid = /* ... */ ;
 
 kgrid.table.on("DOMMouseScroll mousewheel", ".innerContainer", function(e) {
     e.stopPropagation();
 });


"innerContainer" is a CSS class applied to your custom scrollable <div>s.

"table" is...

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#fields-table


Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Bridge24
Top achievements
Rank 1
Iron
Iron
Answers by
Dimo
Telerik team
Share this question
or