Vertical scrollbar in grid

[Venkatesh]

HI,
I have an aspx page in which i have added a div and inside the div i have the radgrid.

When the user adds new item, the page height is getting increased. How to add a vertical scrollbar in the grid, so that grid height does not affect the page height.
Currently the UI is as below:

<div class="my_Table" style="overflow:auto;">
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="radgrid1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="radgrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
                Width="75px" Transparency="25">
                <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
                    style="border: 0;" /></telerik:RadAjaxLoadingPanel>

            <telerik:RadGrid ID="radgrid1" runat="server" ShowStatusBar="True" ShowFooter="True"
                OnItemCommand="radgrid1_ItemCommand" OnDeleteCommand="radgrid1_DeleteCommand"
                OnInsertCommand="radgrid1_InsertCommand" OnUpdateCommand="radgrid1_UpdateCommand"
                OnNeedDataSource="radgrid1_NeedDataSource" OnItemDataBound="radgrid1_ItemDataBound" OnPreRender="radgrid1_PreRender"
                CellSpacing="0" GridLines="None">
                <MasterTableView DataKeyNames="ProductNumber" AutoGenerateColumns="false" EditMode="InPlace" CommandItemSettings-ShowRefreshButton="false"
                    CommandItemDisplay="Bottom" CommandItemSettings-AddNewRecordText="Add New Order">
                    <Columns>
     </Columns>
                </MasterTableView>
                <ClientSettings EnableRowHoverStyle="true" >
                </ClientSettings>
            </telerik:RadGrid>
        </div>

How to fix this?
Thanks

[Princy]

Hi,

Try setting the AllowScroll property of RadGrid to true.

ASPX:

<ClientSettings>
    <Scrolling AllowScroll="True" >
    </Scrolling>
</ClientSettings>

Please take a look into this documentation for more information.

Regards,
Princy.