This is a migrated thread and some comments may be shown as answers.

Virtual scroll paging not working with 2 pages

5 Answers 85 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Brian
Top achievements
Rank 1
Brian asked on 09 Oct 2012, 06:42 PM
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.

5 Answers, 1 is accepted

Sort by
0
Kostadin
Telerik team
answered on 12 Oct 2012, 04:18 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Brian
Top achievements
Rank 1
answered on 13 Oct 2012, 01:38 AM
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
0
Kostadin
Telerik team
answered on 17 Oct 2012, 12:12 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Brian
Top achievements
Rank 1
answered on 17 Oct 2012, 07:53 PM
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
0
Accepted
Kostadin
Telerik team
answered on 22 Oct 2012, 01:24 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
Brian
Top achievements
Rank 1
Answers by
Kostadin
Telerik team
Brian
Top achievements
Rank 1
Share this question
or