Radgrid - Scrollbar Issue

3 posts, 0 answers
  1. Vijendra
    Vijendra avatar
    13 posts
    Member since:
    Jul 2014

    Posted 23 Mar 2015 Link to this post

    I am using an application which is forced to work in IE-7. When a radgrid is loaded, it always comes with a vertical scrollbar  which I don't want. It works completely  fine in IE 9 and 11. I am fine with horizontal scrollbar because number of columns are dynamic in my application.
    I am sharing my code :
    <telerik:RadGrid ID="grdSearchResults" runat="server" AllowPaging="True" AllowSorting="True"
    CellSpacing="0" GridLines="Both" AutoGenerateColumns="False" PageSize="50" OnPageIndexChanged="GrdSearchResults_PageIndexChanged"
    OnSortCommand="GrdSearchResults_PageSort" OnColumnCreated="GrdSearchResults_ColumnCreated"
    OnItemCommand="GrdSearchResults_ItemCommand" OnItemCreated="GrdSearchResults_ItemCreated"
    OnPageSizeChanged="GrdSearchResults_PageSizeChanged" EnableEmbeddedBaseStylesheet="true"
    enablingajaxskinrendering="true" AllowCustomPaging="False" Width="100%" Skin="Default">
    <MasterTableView ShowHeadersWhenNoRecords="true" Width="1405px" TableLayout="Fixed">
    <HeaderStyle Width="100px" />
    <ItemStyle Width="100px" />
    <NoRecordsTemplate>
    No Records Found.
    </NoRecordsTemplate>
    </MasterTableView>
    <PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="{4} Page {0} of {1}, Items {2} to {3} of {5}"
    Position="TopAndBottom" AlwaysVisible="True" />
    <ClientSettings AllowColumnsReorder="True" AllowColumnHide="True" AllowRowHide="True"
    ReorderColumnsOnClient="True">
    <Resizing AllowResizeToFit="false" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"
    AllowColumnResize="true" ClipCellContentOnResize="false"></Resizing>
    <Scrolling AllowScroll="true"></Scrolling>
    </ClientSettings>
    </telerik:RadGrid>

    In Stylesheet
    .rgDataDiv
    {
    height: auto !important;
    }

    This problem is there with telerik version  2014.3.1024.40 and 2012.1.411.40. I am not sure about other versions.
    Attaching the screenshot for the radgrid in IE7 and IE11. Can you please guide me as to how I can fix the issue for IE7 browser and make it work similar to IE11.
  2. Vijendra
    Vijendra avatar
    13 posts
    Member since:
    Jul 2014

    Posted 23 Mar 2015 in reply to Vijendra Link to this post

    This telerik grid is under a div.
    <div id="rgDataDiv">
    </div>
    The rgDataDiv is used in my Stylesheet.
  3. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 26 Mar 2015 Link to this post

    Hi,

    Instead of setting height of rgDataDiv to auto in order to prevent the vertical scroll you can try setting ScrollHeight to empty string:
    <Scrolling AllowScroll="true" ScrollHeight=""></Scrolling>

    Give this suggestion a try and see if it helps. 

    Additionally, note that using ItemStyle-Width is not recommended for setting column widths.

    Regards,
    Pavlina
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
Back to Top