telerik RadGrid horizontal scroll will pass one coloumn

7 posts, 0 answers
  1. Peter
    Peter avatar
    7 posts
    Member since:
    Sep 2018

    Posted 29 Nov 2018 Link to this post

    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?
  2. Peter
    Peter avatar
    7 posts
    Member since:
    Sep 2018

    Posted 30 Nov 2018 in reply to Peter Link to this post

    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.
  3. Rumen
    Admin
    Rumen avatar
    13729 posts

    Posted 04 Dec 2018 Link to this post

    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
    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.
  4. Peter
    Peter avatar
    7 posts
    Member since:
    Sep 2018

    Posted 04 Dec 2018 in reply to Rumen Link to this post

    Hi Rumen,

              I can reproduce the problem in live example. When I press the horizontal scrollbar. One column is skipped.

    Best

  5. Rumen
    Admin
    Rumen avatar
    13729 posts

    Posted 07 Dec 2018 Link to this post

    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
    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.
  6. Peter
    Peter avatar
    7 posts
    Member since:
    Sep 2018

    Posted 09 Dec 2018 in reply to Rumen Link to this post

    Hi Rumen,

              Thanks for your response. I have attached a video file. You can see in the video, first, at the end, it is "city" column. When I press the scroll bar in the middle to next page. It jump to "region" column but not the "city" column. "city" column is skipped.

    Best Regards

     

  7. Eyup
    Admin
    Eyup avatar
    3644 posts

    Posted 12 Dec 2018 Link to this post

    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#:
    <ClientSettings ... >
        <ClientEvents OnScroll="gridScroll" OnGridCreated="gridCreated" />
    </ClientSettings>
    JavaScript:
    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.
Back to Top