RadGrid Virtual Scrolling with fixed height

[Gaurav]

Hi,

I am new to Telrik and using RadGrid with Virtual Scrolling feature.
When I scroll down, last page of Grid is selected automatically, it happens when there is some empty space below the records in Grid. I can not fix the height of Grid for some reason.

Has anybody faced this issue before. Please help me in resolving this issue.
Below is the Code used for virtual scrolling: 

<telerik:RadGrid ID="radGridItem" AllowPaging="True" runat="server" AutoGenerateColumns="False" PageSize="5"

 

<MasterTableView TableLayout="Fixed"> 
<PagerTemplate> 
<asp:Panel ID="PagerPanel" Style="padding: 6px; line-height: 24px" runat="server"> 
<div style="margin: 0px; float: right;">
Displaying page
<%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>of
<%# DataBinder.Eval(Container, "Paging.PageCount")%>
, items
<%# (int)DataBinder.Eval(Container, "Paging.FirstIndexInPage") + 1 %>
to
<%# (int)DataBinder.Eval(Container, "Paging.LastIndexInPage") + 1 %>
of
<%# DataBinder.Eval(Container, "Paging.DataSourceCount")%>
</div>
<div style="width:260px; margin: 0px; padding: 0px; float: left; margin-right: 10px; white-space: nowrap;">
<asp:LinkButton ID="Button1" runat="server" OnClientClick="changePage('first'); return false;"
CommandName="Page" CommandArgument="First" Text="&lt;&lt;" CssClass="PagerButton FirstPage" />
<asp:LinkButton ID="Button2" runat="server" OnClientClick="changePage('prev'); return false;"
CommandName="Page" CommandArgument="Prev" Text="&lt;" CssClass="PagerButton PrevPage" />
<span style="vertical-align: middle;">Page:</span>
<telerik:RadNumericTextBox ID="RadNumericTextBox1" Width="25px"
Value='<%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>'
runat="server">
<ClientEvents OnValueChanged="RadNumericTextBox1_ValueChanged" />
<NumberFormat DecimalDigits="0" />
</telerik:RadNumericTextBox>
<span style="vertical-align: middle;">of
<%# DataBinder.Eval(Container, "Paging.PageCount")%>
</span>
<asp:LinkButton ID="Button3" runat="server" OnClientClick="changePage('next'); return false;"
CommandName="Page" CommandArgument="Next" Text="&gt;" CssClass="PagerButton NextPage" />
<asp:LinkButton ID="Button4" runat="server" OnClientClick="changePage('last'); return false;"CommandName="Page" CommandArgument="Last" Text="&gt;&gt;" CssClass="PagerButton LastPage" />
</div>
<asp:Panel runat="server" ID="NumericPagerPlaceHolder" />
</asp:Panel>
</PagerTemplate>
<PagerStyle Mode="NumericPages" PageButtonCount="10" AlwaysVisible="true" />
<Columns>
</Columns>
</MasterTableView>
<ClientSettings>
<Scrolling AllowScroll="True" EnableVirtualScrollPaging="True" UseStaticHeaders="True">
</Scrolling>
<ClientEvents/>
</ClientSettings>
</telerik:RadGrid>


Thanks
Gaurav Jain

[Iana Tsolova]

Hello Gaurav,

You can check out this article for more information on how to resize grid with scrolling when data is less than scroll height.

I hope this works for you.

Greetings,
Iana
the Telerik team