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

Missing Horizontal Scroll in RadGrid

2 Answers 439 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mahadevan
Top achievements
Rank 1
Mahadevan asked on 16 Jan 2013, 08:38 PM
Hi,

I have a radgrid which is getting populated with data from a datasource. However when the radgrid is populated with data from many columns, user is unable to scroll to the right and the horizontal scroll bar is also missing. I have attached my aspx code for your reference. what do i need to do to get the horizontal scroll bar to scroll results to the right.

Thanks,
Swamy 

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadGrid1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1">
                </telerik:AjaxUpdatedControl>
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel2">
                </telerik:AjaxUpdatedControl>
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
</telerik:RadAjaxLoadingPanel>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
        <!--
 
        //this method calculates whether you have reached the bottom when dragging the vertical grid scroll
        function IsScrolledToBottom(scrollArea) {
            var currentPosition = scrollArea.scrollTop + scrollArea.clientHeight;
            return currentPosition == scrollArea.scrollHeight;
        }
        -->
    </script>
</telerik:RadCodeBlock>
 
<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" PageSize="14"
    AllowSorting="True" AllowCustomPaging="True" VirtualItemCount="50000" OnColumnCreated="RadGrid1_ColumnCreated"
    OnNeedDataSource="RadGrid1_NeedDataSource" CellSpacing="0"
    GridLines="None" Skin="Web20">
    <PagerStyle Mode="NumericPages"></PagerStyle>
    <MasterTableView TableLayout="Fixed">
    </MasterTableView>
    <ClientSettings>
        <Scrolling AllowScroll="True" EnableVirtualScrollPaging="True" UseStaticHeaders="True"
            SaveScrollPosition="True"></Scrolling>
    </ClientSettings>
</telerik:RadGrid>

2 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 17 Jan 2013, 05:33 AM
Hi,

Try setting Height and width for the tableview as shown below.
aspx:
<MasterTableView Height="300px" Width="1700px" . . . >

Thanks,
Shinu
0
Mahadevan
Top achievements
Rank 1
answered on 17 Jan 2013, 02:36 PM
Thanks Shinu for your help. I omitted the Height and put only the Width. That gave me the horizontal scroll bar that i was looking for. Thanks for your help.

Swamy
Tags
Grid
Asked by
Mahadevan
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Mahadevan
Top achievements
Rank 1
Share this question
or