Virtual scroll paging not working with 2 pages

[Brian]

I have a radgrid with EnableVirtualScrollPaging set to true. Generally it works fine, but under certain conditions when there are only 2 pages(filter applied), scrolling fails to get the next page while the pager still functions properly. The condition is when the rows in the grid do not quite fill the scroll height. I set the number of rows and scroll height based on the window size. To avoid some rows only being partial visible at the bottom of the grid, I only put in the number of rows that fit which sometimes leaves a small space in the scroll height not filled. In some browsers this condition with 2 pages fails to virtual scroll the page and in others it even fails to spawn the scroll bar.
The grid is using sever side binding. It has about 1500 records so I am not using custom paging with VirtualItemCount.
I would appreciate some suggestions, thanks.
. 

[Kostadin]

Hi Brian,

I was not able to reproduce your issue. I prepared a small sample where everthing works as expected. I also tested the example in a different browsers and it behaves the same in all of them.
Give it a try a let me know how it differs from your real setup.

All the best,
Kostadin
the Telerik team

[Brian]

Hi Kostadin
Thanks for the reply. With the sample project you attached, I managed to recreate the problem by setting: ScrollHeight to 580px and ItemStyle.Height to 40px and AlternatingItemStyle.Height to 40px. In IE no scrollbars and in Chrome it doesn't virtual scroll.
Brian

[Kostadin]

Hi Brian,

This behaviour is expected, because you must have more items than the height of the grid in order to show the scroll. What I can suggest you is either to decrease the ScrollHeight or increase the PageSize.

Kind regards,
Kostadin
the Telerik team

[Brian]

Hi Kostadin
I'm disappointed with your solution, as the reason that I size the grid the way I do is so that all the rows are fully visible. If the only way to make virtual scroll paging work is to leave the last row only partially visible or not visible, then I can't use it because that last row can be too easily missed by the the user. In my opinion that is not a professional solution and the feature is not mature. I understand that your developers are probably up against browser limitations regarding the scroll bars. Even so, I still think there should be a way to overcome those issues.
Thanks for the reply, Brian

[Kostadin]

Hi Brian,

I made a further investigation and I came to the conclusion that actually this is a bug. I am logging it in our tracking system and our developers will look into it. In the meantime, you can work around it by applying the following css rule in order to try to fix it.

<style type="text/css">
    .rgDataDiv .rgMasterTable
    {
        margin-bottom: 200px;
    }
</style>

You can track the progress in our PITS.

Greetings,
Kostadin
the Telerik team