telerik RadGrid horizontal scroll will pass one coloumn

[Peter]

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?

[Peter]

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.

[Rumen]

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

[Peter]

Hi Rumen,

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

Best

[Rumen]

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

[Peter]

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

 

[Eyup]

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