[Solved] Scroll inside column not working with virtual

[Bridge24]

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/

[Dimo]

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