jQWidgets Forums
jQuery UI Widgets › Forums › TreeGrid › Can't scroll entire page vertically. Horizontal scrolling happens.
Tagged: angular treegrid, angular2 treegrid, bootstrap treegrid, javascript treegrid, jquery treegrid, jqwidgets treegrid, jqxTreeGrid, treegrid, Vertical scroll
This topic contains 7 replies, has 3 voices, and was last updated by vadim.bulochnik 8 years, 2 months ago.
-
Author
-
January 24, 2017 at 4:29 pm Can't scroll entire page vertically. Horizontal scrolling happens. #90954
Hello!
Thanks for the great extension!
On a long html page (with vertical scrollbar) I have a TreeGrid that is vertically fully displayed (no vertical scroll in TreeGrid), but there are a lot of columns, so I have to scroll horizontally to see all columns.
And when I use mouse wheel to scroll vertically over TreeGrid – it doesn’t works. It’s just scroll TreeGrid horizontally, so I even can’t scroll till end of the entire html page.Tested on Windows/Mac. Firefox, Chrome and Safari browsers.
Thanks in advance for the help!
Best regards,
VadimJanuary 25, 2017 at 12:31 pm Can't scroll entire page vertically. Horizontal scrolling happens. #90976Hello Vadim,
I am not sure I understand you.
Please, take a look at this demo:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtreegrid/javascript-tree-grid-pinned-column.htm?lightBest Regards,
Hristo HristovjQWidgets team
http://www.jqwidgets.comJanuary 25, 2017 at 3:12 pm Can't scroll entire page vertically. Horizontal scrolling happens. #90988Hello Hristo,
On example you provided there is the same problem: when a mouse cursor is over the TreeGrid table and I use mouse wheel (or touchpad) to scroll down/up – TreeGrid scrolls horizontally. But I don’t want to scroll horizontally, because I make scrolling only up or down.
The actual problem is: if entire page will be vertically long AND mouse cursor is over the TreeGrid – I’ll not be able to scroll the page to the end, because when I scroll down – horizontal scroll (to the right of table) happens.
Thanks,
VadimJanuary 25, 2017 at 3:44 pm Can't scroll entire page vertically. Horizontal scrolling happens. #90991Maybe there is a possibility just to disable horizontal scrolling of TreeGrid using mouse wheel?
January 26, 2017 at 3:49 pm Can't scroll entire page vertically. Horizontal scrolling happens. #91040Hello Vadim,
I would suggest you to set height (when you have a vertical scrollbar thus will scrolling up/down).
Please, take a look at this example:
http://jsfiddle.net/jqwidgets/34eW3/
Another way is to set enough big width to except horizontal scrollbar or to set the suitable width to each column.
Please, take a look at this example:
http://jsfiddle.net/txhi/zu7u9mh7/Best Regards,
Hristo HristovjQWidgets team
http://www.jqwidgets.comJanuary 27, 2017 at 3:48 pm Can't scroll entire page vertically. Horizontal scrolling happens. #91057Hello Hristo,
Thanks for the answer. But the proposed solutions are not suitable for my needs.
Thus, if there is no possibility to disable horizontal scrolling of TreeGrid (only for mouse wheel) – we can close this thread.Thanks!
VadimJanuary 28, 2017 at 12:27 am Can't scroll entire page vertically. Horizontal scrolling happens. #91069Hi Vadim,
There is no way to disable horizontal scrolling on mouse wheel which happens when there is no vertical scrolling. This behavior is by design and is a common UI approach. For future versions, we will think about adding properties to control that.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com/January 28, 2017 at 1:36 pm Can't scroll entire page vertically. Horizontal scrolling happens. #91077Hi Peter,
Thanks for answer. It’s clear 🙂
Best regards,
Vadim -
AuthorPosts
You must be logged in to reply to this topic.