Horizontal scroll bar not working in IE11 when grid resize

3 posts, 0 answers
  1. Raja
    Raja avatar
    9 posts
    Member since:
    Nov 2010

    Posted 04 Jan 2017 Link to this post

    Hi, we have an issues with rad grid resizing and this issue is only in IE11 in chrome its working perfectly.

    This is the grid client settings and mastertable view code:

    <telerik:RadGrid ID="grdInvoiceList" CssClass="" Skin="MetroTouch" Width="100%"
                          runat="server" AutoGenerateColumns="false" PagerStyle-HorizontalAlign="Right" AllowCustomPaging="true"
                          AllowPaging="true" AllowFilteringByColumn="true" AllowSorting="true" EnableHeaderContextMenu="true"
                          OnNeedDataSource="grdInvoiceList_NeedDataSource" OnItemDataBound="grdInvoiceList_ItemBound"
                          OnItemCreated="grdInvoiceList_ItemCreated" EnableLinqExpressions="false" OnPreRender="grdInvoiceList_PreRender">
                          <GroupingSettings CaseSensitive="false" />
                          <ExportSettings FileName="Invoice_Details" OpenInNewWindow="true" ExportOnlyData="true"
                          <ClientSettings Resizing-AllowColumnResize="true" AllowAutoScrollOnDragDrop="true" Resizing-AllowResizeToFit="true" Resizing-EnableRealTimeResize="true">
                              <Scrolling AllowScroll="True" SaveScrollPosition="true"></Scrolling>
                              <Selecting AllowRowSelect="true" />
                              <ClientEvents OnColumnResized="ColumnResized" />
                              <ClientEvents OnColumnShown="ColumnShown" />
                              <ClientEvents OnColumnHidden="ColumnHidden" />
                              <ClientEvents OnRowContextMenu="RowContextMenu" /> 
                          <HeaderStyle Width="150px"></HeaderStyle>
                          <MasterTableView Width="100%" AutoGenerateColumns="false" EditMode="InPlace" AllowFilteringByColumn="True" TableLayout="Auto">


    1, check image "IE-grid-1.png " once we land on the page we can see the scroll bar and we can scroll left to right without issues in IE.

    2, now check "IE-grid-2.png" i just resized the grid header now the scroll bar disappeared. i will not get the scroll bar unless i reload the page. 

    is there a solution to resolve this issue? we are using telerik 2014.1.403.40.




  2. Raja
    Raja avatar
    9 posts
    Member since:
    Nov 2010

    Posted 05 Jan 2017 in reply to Raja Link to this post

    We have updated the telerik dll to the latest one, and the issue not yet resolved.
  3. Viktor Tachev
    Viktor Tachev avatar
    2466 posts

    Posted 09 Jan 2017 Link to this post

    Hi Raja,

    I tried to replicate the behavior you describe, however, I was not able to. Please examine the video linked below that shows the behavior I am observing.

    You will also find the sample project I used for testing attached. Give it a try and see how it works for you. I would appreciate it if you describe what should be changes in the sample in order to replicate the issue you are observing.

    Viktor Tachev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top