RadGrid has weird space between last grid item and pager

[Jay]

I am having an issue where if my grid has only a few items it's not filling the entire space between the  header and bottom paging section.
I have attached an screen grab of what I'm trying to explain, but the main thing is that the content where there should be rows seems to end before it gets to the bottom and shows the background color through it leaving my grid looking less than professional.

If you see the attached grab, there is about another row space below the 3rd and last row before it truncates and display the green background color? (screen grab taken in IE8)

Anyone have an idea?

[Princy]

Hello Jason,

This problem may occur if you have set 'Scrolling-AllowScroll="true" and the grid contain less number of records.  In order to remove the empty space below the last record, set appropriate ScrollHeight.

ASPX:

<ClientSettings Scrolling-AllowScroll="true" Scrolling-ScrollHeight="105"  >
 </ClientSettings>

Thanks,
Princy.

[Jay]

Hi Princy,
Thanks for the response, but that didn't seem to help at all? I've attached the full code block for my grid if you wouldn't mind giving it a look over. Thanks in advance. Jason

<telerik:RadGrid ID="RadGrid1" PagerStyle-AlwaysVisible="true" runat="server" Width="100%" Height="435" AllowPaging="True" PageSize="50" AllowSorting="True" AutoGenerateColumns="False" GridLines="None" BackColor="#FFFFFF">

<MasterTableView NoMasterRecordsText="No projects have been added to My Projects. Use the Project Search tab and select the projects you want to display here." AllowMultiColumnSorting="True" AllowPaging="true" TableLayout="Fixed" GroupLoadMode="Server" AllowSorting="true"  ExpandCollapseColumn-HeaderStyle-Width="3%"  >

<Columns>
<telerik:GridBoundColumn DataField="Product_Id" Visible="false"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Hosted_Access_Information" Visible="false"></telerik:GridBoundColumn>
 <telerik:GridClientSelectColumn  HeaderStyle-Width="3%"></telerik:GridClientSelectColumn>
<telerik:GridImageColumn DataType="System.String" DataImageUrlFields="ThumbnailFileIdURL" UniqueName="Thumbnail" AlternateText="Product Thumbnail" HeaderStyle-Width="150" ImageAlign="Middle" ImageHeight="88px" ImageWidth="135px"
HeaderText="" />
<telerik:GridBoundColumn DataField="ProjectIcon" HeaderText="" HeaderStyle-Width="3%"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Product_Name" HeaderText="Project Name" ItemStyle-Wrap="true"></telerik:GridBoundColumn>
</Columns>
</MasterTableView>

 <ClientSettings EnableRowHoverStyle="false"  Scrolling-UseStaticHeaders="true" EnablePostBackOnRowClick="false">
<Selecting AllowRowSelect="true" />
<Scrolling AllowScroll="true" ScrollHeight="205" UseStaticHeaders="true" />
</ClientSettings>
<PagerStyle Mode="NextPrevAndNumeric"  />

</telerik:RadGrid>

[Pavlina]

Hi Jason,

More information about how to reduce the size of the grid when the data does not fill the content area when scrolling is enabled is available in this help topic.

Regards,
Pavlina
the Telerik team

[Jay]

This information didn't seem to help. The main difference I can see is that I have assigned a HEIGHT value to the grid in my code and in the sample you gave there wasn't one.

[Pavlina]

Hi Jason,

In your case I suggest you to stop using RadGrid.Height and use only RadGrid.ClientSettings.Scrolling.ScrollHeight.

http://www.telerik.com/help/aspnet-ajax/height-vs-scrollheight.html

All the best,
Pavlina
the Telerik team