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

Scroll Bar not working in IE11 with Fixed Columns

2 Answers 147 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Karthik
Top achievements
Rank 1
Karthik asked on 20 Aug 2015, 10:44 AM

Hi,

 

I have page with radgrid and the grid consists of 5 fixed columns and 12 dynamic columns.I can use the scroll bar for these 12 columns.It is working as expected in the mozilla ,chrome and IE10 browsers but it is not working as expected in the IE11. Please help me in resolving the bug. We are using Telerik version 2013.1.507.45. please go through the below code.

 RadGrid in RadPageView

<telerik:RadGrid ID="radMonthly" ShowStatusBar="true" runat="server" AutoGenerateColumns="false"
                                                    AllowPaging="true" MasterTableView-NoDetailRecordsText="" MasterTableView-NoMasterRecordsText=""
                                                    BorderStyle="None" PageSize="25" AllowMultiRowSelection="False" GridLines="None"
                                                    Skin="DV" EnableEmbeddedSkins="false" SortingSettings-EnableSkinSortStyles="false">

 MasterTableView

<MasterTableView AllowMultiColumnSorting="True" ShowHeadersWhenNoRecords="true" AutoGenerateColumns="false"
                                                        PageSize="25" AllowCustomPaging="true" Name="SourceTable" TableLayout="Fixed"
                                                        Width="100%" ExpandCollapseColumn-Visible="false">
                                                        <PagerTemplate>
                                                            <div class="pagerCont">
                                                                <div class="pagerPadWide">
                                                                </div>
                                                                <div class="pagerLeft">
                                                                    <span>
                                                                        <asp:Literal ID="Literal1" runat="server" Text="PagingPage "></asp:Literal>
                                                                    </span><span class="pageNumber">
                                                                        <%#CType(DataBinder.Eval(Container, "Paging.CurrentPageIndex"), Int32) + 1%></span>
                                                                    <span>
                                                                        <asp:Literal ID="Literal2" runat="server" Text="PagingPageOf "></asp:Literal>
                                                                    </span><span class="pageTotalNumber">
                                                                        <%# DataBinder.Eval(Container, "Paging.PageCount")%></span> <span class="leftDivider">
                                                                            |</span>
                                                                </div>
                                                                <asp:Panel CssClass="pagerCenter" runat="server" ID="NumericPagerPlaceHolder">
                                                                </asp:Panel>
                                                                <div class="pagerCenter">
                                                                    <span class="rightDivider">|</span> <span class="pageTotal">
                                                                        <%# DataBinder.Eval(Container, "Paging.DataSourceCount")%></span> <span>
                                                                            <asp:Literal ID="Literal3" runat="server" Text="PagingTotalRecords "></asp:Literal>
                                                                        </span>
                                                                </div>
                                                                <div class="pagerRight" style="margin-right: 5px;">
                                                                    <div class="pagerItemsPerPage">
                                                                        <span>
                                                                            <asp:Literal ID="Literal4" runat="server" Text="PagingView "></asp:Literal>:&nbsp;</span>
                                                                        <telerik:RadComboBox runat="server" ID="rcbPagingSite"  CssClass="PagingComboWidthNumber"  DataSource="<%# New Object(){25, 50, 75, 100} %>"
                                                                            SelectedValue='<%# DataBinder.Eval(Container, "Paging.PageSize") %>' OnClientSelectedIndexChanged="rcbPaging_SelectedIndexChanged">
                                                                        </telerik:RadComboBox>
                                                                    </div>
                                                                    <span>&nbsp;<asp:Literal ID="Literal5" runat="server" Text="PagingofRows"></asp:Literal></span>
                                                                </div>
                                                            </div>
                                                        </PagerTemplate>
                                                        <Columns>
                                                            <telerik:GridBoundColumn ItemStyle-Width="127px" DataField="Column1" UniqueName="Column1"
                                                                HeaderStyle-Width="127px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="<%$ Resources:Generic,Account %>" UniqueName="AccountNumber"
                                                                DataField="<%$ Resources:Generic,Account %>" ItemStyle-Width="150px" HeaderStyle-Width="150px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="<%$ Resources:Generic,Source %>" UniqueName="SourceNumber"
                                                                DataField="<%$ Resources:Generic,Source %>" ItemStyle-Width="90px" HeaderStyle-Width="90px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="<%$ Resources:Generic,Type %>" UniqueName="TypeNumber"
                                                                DataField="<%$ Resources:Generic,Type %>" ItemStyle-Width="90px" HeaderStyle-Width="90px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="<%$ Resources:UserDataEntry,UOM %>" UniqueName="MonthNumber"
                                                                DataField="<%$ Resources:UserDataEntry,UOM %>" ItemStyle-Width="90px" HeaderStyle-Width="90px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month0" UniqueName="Month0" ItemStyle-Width="99px"
                                                                HeaderStyle-Width="99px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month1" UniqueName="Month1" ItemStyle-Width="99px"
                                                                HeaderStyle-Width="99px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month2" UniqueName="Month2" ItemStyle-Width="99px"
                                                                HeaderStyle-Width="99px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month3" UniqueName="Month3" ItemStyle-Width="99px"
                                                                HeaderStyle-Width="99px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month4" UniqueName="Month4" ItemStyle-Width="99px"
                                                                HeaderStyle-Width="99px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month5" UniqueName="Month5" ItemStyle-Width="99px"
                                                                HeaderStyle-Width="99px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month6" UniqueName="Month6" ItemStyle-Width="99px"
                                                                HeaderStyle-Width="99px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month7" UniqueName="Month7" ItemStyle-Width="99px"
                                                                HeaderStyle-Width="99px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month8" UniqueName="Month8" ItemStyle-Width="99px"
                                                                HeaderStyle-Width="99px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month9" UniqueName="Month9" ItemStyle-Width="99px"
                                                                HeaderStyle-Width="99px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month10" UniqueName="Month10" ItemStyle-Width="99px"
                                                                HeaderStyle-Width="99px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="Month11" UniqueName="Month11" ItemStyle-CssClass="lastcolumn"
                                                                HeaderStyle-CssClass="lastcolumn" >
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="SubSiteId" UniqueName="SubSiteId" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted0" UniqueName="DSAndCompleted0" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted1" UniqueName="DSAndCompleted1" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted2" UniqueName="DSAndCompleted2" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted3" UniqueName="DSAndCompleted3" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted4" UniqueName="DSAndCompleted4" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted5" UniqueName="DSAndCompleted5" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted6" UniqueName="DSAndCompleted6" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted7" UniqueName="DSAndCompleted7" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted8" UniqueName="DSAndCompleted8" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted9" UniqueName="DSAndCompleted9" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted10" UniqueName="DSAndCompleted10" Display="false">
                                                        </telerik:GridBoundColumn>
                                                         <telerik:GridBoundColumn DataField="DSAndCompleted11" UniqueName="DSAndCompleted11" Display="false">
                                                        </telerik:GridBoundColumn>
                                                        </Columns>
                                                    </MasterTableView>

 ClientSideSettings

                                                   <ClientSettings>
                                                        <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                                                    </ClientSettings>​

CSS Class

<style>
    .lastcolumn
        {
        width:90px;
        }
    </style>​

2 Answers, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 25 Aug 2015, 04:02 PM
Hello,

Note that we provide support for IE 11 since Q3 2013 SP1, so in order to resolve the problem you encounter you need to upgrade at least to this version or to the latest one.

Regards,
Pavlina
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
saravanan
Top achievements
Rank 1
answered on 08 Jan 2016, 10:46 PM
I have the 2013 Q1 version. Is there a work around to fix this in IE11? Have constraints with upgrading the version.
Tags
Grid
Asked by
Karthik
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
saravanan
Top achievements
Rank 1
Share this question
or