VirtualScrollPaging is not working on IE

[Raghav]

Hi Team,

i have the below code for enabling the VirtualScrollPaging on grid. this is working fine on Mozilla. but on IE 7 (not checked on other IE version) when i am scrolling it jumping the scroll to 20-40 pages. here i noticed one thing is that the scroll bar size is diffrent in both MOzilla and IE 7. i had attached the screen shots with mail.

Code :
<telerik:RadGrid CssClass="RadGrid" GridLines="None" BorderStyle="None" ID="grdNominationDetails"
                        Width="100%" runat="server" AutoGenerateColumns="false" AllowPaging="true" AllowSorting="true"
                        alternatingrowstyle-cssclass="alternate" OnDeleteCommand="grdNominationDetails_RowDeleting"
                        OnSortCommand="grdNominationDetails_Sorting" OnItemDataBound="grdNominationDetails_RowDataBound" PageSize="20">
                        <PagerStyle Mode="NumericPages" PageButtonCount="20" AlwaysVisible="true" />
                        
                        <%--<EmptyDataTemplate>
                                            <center>
                                                <asp:Label ID="lblNoNominationsMessage" CssClass="error-message" runat="server" Text="Nomination Data not available.<br>Please click 'Import HIPO Nomination Data' to upload nomination data."></asp:Label>
                                            </center>
                                        </EmptyDataTemplate>--%>
                        <MasterTableView AllowNaturalSort="true" >
                            <Columns>
                                <telerik:GridTemplateColumn HeaderText="Nominated" ItemStyle-HorizontalAlign="Center"
                                    SortExpression="PMConfirmation" HeaderStyle-Width="14%" >
                                    <ItemTemplate>
                                        <div style="text-align: center;">
                                            <asp:CheckBox ID="chkPMConfirmation" runat="server" Checked='<%# ConvertNominationStatusToBool(Eval("PMConfirmation") as bool?) %>' />
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn HeaderText="Employee Name" HeaderStyle-Width="30%"
                                    SortExpression="LastName">
                                    <ItemTemplate>
                                        <a href="../../Develop/CandidateProfile.aspx?uid=<%# GetUserId( Eval("UserId")) %>">
                                            <%# FormatName(Eval("FirstName"),Eval("LastName"))%>
                                        </a>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn HeaderText="Nominator Name" HeaderStyle-Width="28%"
                                    SortExpression="NominatorLastName">
                                    <ItemTemplate>
                                        <div class="wordwrap">
                                            <asp:Literal ID="ltlNominatorName" runat="server" Text='<%# FormatName(Eval("NominatorFirstName"), Eval("NominatorLastName")) %>'></asp:Literal>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn HeaderText="Status" ItemStyle-HorizontalAlign="Center"
                                    HeaderStyle-Width="20%"  SortExpression="Nominated">
                                    <ItemTemplate>
                                        <asp:DropDownList ID="ddlNominationStatus" runat="server">
                                        </asp:DropDownList>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn HeaderStyle-Width="8%"  HeaderText="Edit">
                                    <ItemTemplate>
                                        <div style="text-align: center;">
                                            <asp:ImageButton ToolTip="Delete" OnClientClick="ShowModal(this,'HIPO Candidate Delete Warning','Are you sure you want to delete this HIPO candidate?');return false;"
                                                ID="imgDelete" ImageUrl="~/images/icon_delete_competency.gif" runat="server"
                                                CausesValidation="false" CommandName="Delete" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "UserId") %>'
                                                Text="Delete"></asp:ImageButton>
                                        </div>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                            </Columns>
                        </MasterTableView>
                        <ClientSettings EnableRowHoverStyle="true" EnableAlternatingItems="true">
                            
                            <Scrolling AllowScroll="True" UseStaticHeaders="True" EnableVirtualScrollPaging="true">
                            </Scrolling>
                        </ClientSettings>
                    </telerik:RadGrid>

[Tsvetina]

Hi Raghav,

In order for the virtual scrolling and paging to work properly, you need to also set:

-AllowCustomPaging property to True
-VirtualItemCount property to the total number of records in the data source.

Kind regards,
Tsvetina
the Telerik team