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

Horizontal scroll bar not working in IE11 when grid resize

2 Answers 135 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Raja
Top achievements
Rank 1
Raja asked on 04 Jan 2017, 10:59 AM

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"
                          IgnorePaging="true">
                      </ExportSettings>
                      <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" /> 
                      </ClientSettings>
 
                      <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 Answers, 1 is accepted

Sort by
0
Raja
Top achievements
Rank 1
answered on 05 Jan 2017, 01:21 PM
We have updated the telerik dll to the latest one, and the issue not yet resolved.
0
Viktor Tachev
Telerik team
answered on 09 Jan 2017, 09:07 AM
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.


Regards,
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.
Tags
Grid
Asked by
Raja
Top achievements
Rank 1
Answers by
Raja
Top achievements
Rank 1
Viktor Tachev
Telerik team
Share this question
or