Hi,
I have a problem when I use k-grid: When the vertical scroll bar appears on the page, the horizontal scroll bar of k-grid cannot be scrolled with the mouse, but can be scrolled with the touch pad
you can try in React (forked) - StackBlitz
Since my page also needs to display other information, if the height is set for the k-grid, the visible area of the table is too small and not easy to read, what should I do to solve the issue.
Thanks a lot for each help.
1 Answer, 1 is accepted
Hello Hu,
I have tested the example that you have shared on desktop and mobile and the scrolling works as expected on my side. Please note that the horizontal scrollbar on desktop can be moved only through the horizontal scrollbar or by holding down the mouse wheel key and moving the mouse horizontally and this is the expected and standard behavior.
Regarding the height of the Grid, in order to enable the vertical scrolling of the Grid you must set specific height, but this is up to the design decisions for the page.
Nevertheless, if you have something other in mind for the scrolling issue, please provide more information and the exact steps to reproduce the problem.
Regards,
Konstantin Dikov
Progress Telerik
Rank 1
Iron
Iron
Iron
Hello Konstantin Dikov,
First of all thank you very much for your reply.The problem I'm currently having is that the horizontal scrollbar doesn't work by pressing the left mouse button, then dragging
And this problem only occurs when a vertical scroll bar appears on the page (not a vertical scroll bar appears on the gird table)
Looking forward to your reply again
Regards,Sunny Hu
Hi Sunny,
Could you please elaborate which browser are you testing on and which version?
Looking forward to your reply.
Rank 1
Iron
Iron
Iron
Hello Konstantin Dikov,
you can check in this demo React (forked) - StackBlitz(This demo is an example under KendoReact(React Data Grid Component & Basics - KendoReact Docs & Demos (telerik.com)) Infinite Scrolling. In fact, in this example, you will find that the horizontal scroll bar cannot be dragged to the right with the left button of the mouse. I opened the example in StackBlitz, and then added data to make the page appear Vertical scroll bar, the problem will reproduce)
Our project is in the Edge browser, "@progress/kendo-react-grid": "^5.11.0"
Looking forward to your reply.
Hi Hu,
Thank you for the additional information and the example.
Using the example I was able to reproduce the issue on Edge and it seems to be browser related.
We will investigate this further and will log an issue in our repository. Once the issue is created I will share the link here.
I am just sharing the link to the public issue that you have created for other's reference: