I have Telerik RadGrid which contains around 20 columns. In the beginning, I can see column 1 to column 8. Then I scroll horizontally to see other columns. Suppose I should now see column 9 to 17, but I see the columns 10 to 18. Column 9 is passed over and not shown. One column is missed. How can I adjust the scrolling properties of Telerik to avoid this situation?
6 Answers, 1 is accepted
0
Peter
Top achievements
Rank 1
Rank 1
answered on 30 Nov 2018, 07:03 AM
I have 3 frozen columns for the RadGrid. So the scrolling position is not correct. Usually, one column will be skipped in the horizontal scroll.
0
Hi Peter,
Are you able to reproduce the reported problem in the following live example, where the first two columns are frozen: https://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/columns/frozen-columns/defaultcs.aspx?
If not, you can download the live demo app project from https://www.telerik.com/account/product-download?product=RCAJAX and try to reproduce the problem locally.
Once you are ready please provide the steps to replicate it on our side along with a simple runnable project where we can examine the RadGrid configuration. Thank you in advance!
Best regards,
Rumen
Progress Telerik
Are you able to reproduce the reported problem in the following live example, where the first two columns are frozen: https://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/columns/frozen-columns/defaultcs.aspx?
If not, you can download the live demo app project from https://www.telerik.com/account/product-download?product=RCAJAX and try to reproduce the problem locally.
Once you are ready please provide the steps to replicate it on our side along with a simple runnable project where we can examine the RadGrid configuration. Thank you in advance!
Best regards,
Rumen
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Peter
Top achievements
Rank 1
Rank 1
answered on 05 Dec 2018, 02:11 AM
Hi Rumen,
I can reproduce the problem in live example. When I press the horizontal scrollbar. One column is skipped.
Best
0
Hi Peter,
I tried to reproduce the issue, but without success. Can you please check the attached video and let me know which column gets skipped?
It will be useful if you attach a screenshot or video how do you reproduce the problem.
Best regards,
Rumen
Progress Telerik
I tried to reproduce the issue, but without success. Can you please check the attached video and let me know which column gets skipped?
It will be useful if you attach a screenshot or video how do you reproduce the problem.
Best regards,
Rumen
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Peter
Top achievements
Rank 1
Rank 1
answered on 10 Dec 2018, 03:09 AM
Hi Rumen,
Thanks for your response. I have attached a video file. You can see in the video, first, the end, it is "city" column. When I press the scroll bar in the middle to next page. It to "region" column but not the "city" column. "city" column is skipped.
Best Regards
0
Hello Peter,
We were able to reproduce this issue which happens when the scroll is clicked, but not while dragging. You can use the following approach to resolve this:
C#:
JavaScript:
I hope this will prove helpful.
Regards,
Eyup
Progress Telerik
We were able to reproduce this issue which happens when the scroll is clicked, but not while dragging. You can use the following approach to resolve this:
C#:
<ClientSettings ... > <ClientEvents OnScroll="gridScroll" OnGridCreated="gridCreated" /></ClientSettings>var isClick = false;var scroller;function gridCreated(sender, args) { scroller = $("#" + sender.get_id() + "_Frozen"); scroller.on("mousedown", function (e) { isClick = false; }); scroller.on("mouseup", function (e) { isClick = true; });}function gridScroll(sender, args) { if (isClick) { isClick = false; scroller.scrollLeft(scroller.scrollLeft() - 2); }}I hope this will prove helpful.
Regards,
Eyup
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.