Problems with Gridview with AllowScroll=True in IE8 and Compatibility View = On

[Manuel]

Hi,

I have some problems with Scrolling in GridView in IE8 and IE9 with Compatibility On.

I have attached 3 pictures:

1. AllCorrect.jpg : Is the normal and correct behavior. IN IE9 and others browers.
2. IE9_CompatibilityOn.jpg  : Compatibility View On in IE9, looks like the AllowScroll is ignored and all the columns show without scrolling.
3. IE8_LongBlankSpace.jpg : In IE8 all my Content move to right with a big blank space, if i set AllowScroll = False, it looks and works fine.

I hope there is a solution for this.

Aspx for GridView:

<telerik:RadGrid ID="gridCVCOrders" runat="server" AllowPaging="True" AllowSorting="True"
            AutoGenerateColumns="False" CellSpacing="0" GridLines="None" Skin="Windows7"
            OnItemCommand="gridCVCOrders_ItemCommand" OnItemDataBound="gridCVCOrders_ItemDataBound"
            OnNeedDataSource="gridCVCOrders_NeedDataSource1">
            <ExportSettings ExportOnlyData="True" IgnorePaging="True" HideStructureColumns="true"
                FileName="CVCReport">
            </ExportSettings>
            <ClientSettings>
                <Scrolling AllowScroll="True" UseStaticHeaders="True" />
            </ClientSettings>
            <MasterTableView CommandItemDisplay="Top" TableLayout="Fixed" Width="100%" AllowMultiColumnSorting="true"
                PageSize="7" BorderStyle="None" DataKeyNames="OrderID" ClientDataKeyNames="OrderID"
                HeaderStyle-Wrap="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"
                AlternatingItemStyle-HorizontalAlign="Center">
                <CommandItemSettings ExportToPdfText="Export to PDF" ShowExportToExcelButton="true"
                    ShowAddNewRecordButton="false"></CommandItemSettings>
                <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
                </RowIndicatorColumn>
                <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                </ExpandCollapseColumn>
                <Columns>
                    <telerik:GridBoundColumn DataField="OrderID" DataType="System.Int64" FilterControlAltText="Filter OrderID column"
                        HeaderText="OrderID" SortExpression="OrderID" UniqueName="OrderID" Visible="false"
                        meta:resourcekey="GridBoundColumnResource1">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="OrderDate" HeaderStyle-Width="100px" DataType="System.DateTime"
                        FilterControlAltText="Filter OrderDate column" HeaderText="OrderDate" SortExpression="OrderDate"
                        UniqueName="OrderDate" meta:resourcekey="GridBoundColumnResource2">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ProductName" HeaderStyle-Width="100px" HeaderStyle-HorizontalAlign="Center"
                        FilterControlAltText="Filter ProductName column" HeaderText="ProductName" SortExpression="ProductName"
                        UniqueName="ProductName" meta:resourcekey="GridBoundColumnResource3">
                        <HeaderStyle HorizontalAlign="Center"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Quantity" HeaderStyle-Width="80px" HeaderStyle-HorizontalAlign="Center"
                        ItemStyle-HorizontalAlign="Center" FilterControlAltText="Filter Quantity column"
                        HeaderText="Quantity" SortExpression="Quantity" UniqueName="Quantity" DataType="System.Int32"
                        meta:resourcekey="GridBoundColumnResource4">
                        <HeaderStyle HorizontalAlign="Center"></HeaderStyle>
                        <ItemStyle HorizontalAlign="Center"></ItemStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ProductAmount" HeaderStyle-Width="100px" ItemStyle-HorizontalAlign="Center"
                        FilterControlAltText="Filter ProductAmount column" HeaderText="ProductAmount"
                        HeaderStyle-HorizontalAlign="Center" SortExpression="ProductAmount" UniqueName="ProductAmount"
                        DataType="System.Decimal" meta:resourcekey="GridBoundColumnResource5">
                        <HeaderStyle HorizontalAlign="Center"></HeaderStyle>
                        <ItemStyle HorizontalAlign="Center"></ItemStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="CustomerName" HeaderStyle-Width="100px" ItemStyle-HorizontalAlign="Center"
                        FilterControlAltText="Filter CustomerName column" HeaderText="CustomerName" HeaderStyle-HorizontalAlign="Center"
                        SortExpression="CustomerName" UniqueName="CustomerName" meta:resourcekey="GridBoundColumnResource6">
                        <HeaderStyle HorizontalAlign="Center"></HeaderStyle>
                        <ItemStyle HorizontalAlign="Center"></ItemStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="CPF" HeaderStyle-Width="100px" HeaderStyle-HorizontalAlign="Center"
                        FilterControlAltText="Filter CPF column" HeaderText="CPF" ItemStyle-HorizontalAlign="Center"
                        SortExpression="CPF" UniqueName="CPF" meta:resourcekey="GridBoundColumnResource7">
                        <HeaderStyle HorizontalAlign="Center"></HeaderStyle>
                        <ItemStyle HorizontalAlign="Center"></ItemStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="RG" HeaderStyle-Width="100px" HeaderStyle-HorizontalAlign="Center"
                        FilterControlAltText="Filter RG column" ItemStyle-HorizontalAlign="Center" HeaderText="RG"
                        SortExpression="RG" UniqueName="RG" meta:resourcekey="GridBoundColumnResource8">
                        <HeaderStyle HorizontalAlign="Center"></HeaderStyle>
                        <ItemStyle HorizontalAlign="Center"></ItemStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Gender" HeaderStyle-Width="100px" FilterControlAltText="Filter Gender column"
                        HeaderText="Gender" SortExpression="Gender" UniqueName="Gender" meta:resourcekey="GridBoundColumnResource9">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="BirthDate" HeaderStyle-Width="100px" DataType="System.DateTime"
                        FilterControlAltText="Filter BirthDate column" HeaderText="BirthDate" SortExpression="BirthDate"
                        UniqueName="BirthDate" meta:resourcekey="GridBoundColumnResource10">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridTemplateColumn HeaderText="Billing Address" HeaderStyle-Width="100px"
                        SortExpression="BillingAddress" UniqueName="BillingAddress" meta:resourcekey="GridTemplateColumnResource1">
                        <ItemTemplate>
                            <asp:HyperLink ID="targetControlBilling" runat="server" NavigateUrl="#" Text="View Billing Address"
                                meta:resourcekey="targetControlBillingResource1"></asp:HyperLink>
                        </ItemTemplate>
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridTemplateColumn>
                    <telerik:GridBoundColumn DataField="BillingStreet" FilterControlAltText="Filter BillingStreet column"
                        HeaderText="BillingStreet" SortExpression="BillingStreet" UniqueName="BillingStreet"
                        Visible="false" meta:resourcekey="GridBoundColumnResource11">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="BillingNumber" FilterControlAltText="Filter BillingNumber column"
                        HeaderText="BillingNumber" SortExpression="BillingNumber" UniqueName="BillingNumber"
                        Visible="false" meta:resourcekey="GridBoundColumnResource12">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="BillingComplement" FilterControlAltText="Filter BillingComplement column"
                        HeaderText="BillingComplement" SortExpression="BillingComplement" UniqueName="BillingComplement"
                        Visible="false" meta:resourcekey="GridBoundColumnResource13">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="BillingNeighborhood" FilterControlAltText="Filter BillingNeighborhood column"
                        HeaderText="BillingNeighborhood" SortExpression="BillingNeighborhood" UniqueName="BillingNeighborhood"
                        Visible="false" meta:resourcekey="GridBoundColumnResource14">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="BillingState" FilterControlAltText="Filter BillingState column"
                        HeaderText="BillingState" SortExpression="BillingState" UniqueName="BillingState"
                        Visible="false" meta:resourcekey="GridBoundColumnResource15">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="BillingCity" FilterControlAltText="Filter BillingCity column"
                        HeaderText="BillingCity" SortExpression="BillingCity" UniqueName="BillingCity"
                        Visible="false" meta:resourcekey="GridBoundColumnResource16">
                    </telerik:GridBoundColumn>
                    <%--<telerik:GridBoundColumn DataField="BillingCountry" FilterControlAltText="Filter BillingCountry column"
                        HeaderText="BillingCountry" SortExpression="BillingCountry" UniqueName="BillingCountry"
                        Visible="false" meta:resourcekey="GridBoundColumnResource17">
                    </telerik:GridBoundColumn>--%>
                    <telerik:GridBoundColumn DataField="BillingZipCode" FilterControlAltText="Filter BillingZipCode column"
                        HeaderText="BillingZipCode" SortExpression="BillingZipCode" UniqueName="BillingZipCode"
                        Visible="false" meta:resourcekey="GridBoundColumnResource18">
                    </telerik:GridBoundColumn>
                    <telerik:GridTemplateColumn HeaderText="Shipping Address" HeaderStyle-Width="100px"
                        SortExpression="ShippingAddress" UniqueName="ShippingAddress" meta:resourcekey="GridTemplateColumnResource2">
                        <ItemTemplate>
                            <asp:HyperLink ID="targetControlShipping" runat="server" NavigateUrl="#" Text="View Shipping Address"
                                meta:resourcekey="targetControlShippingResource1"></asp:HyperLink>
                        </ItemTemplate>
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridTemplateColumn>
                    <telerik:GridBoundColumn DataField="ShippingStreet" FilterControlAltText="Filter ShippingStreet column"
                        HeaderText="ShippingStreet" SortExpression="ShippingStreet" UniqueName="ShippingStreet"
                        Visible="false" meta:resourcekey="GridBoundColumnResource19">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ShippingNumber" FilterControlAltText="Filter ShippingNumber column"
                        HeaderText="ShippingNumber" SortExpression="ShippingNumber" UniqueName="ShippingNumber"
                        Visible="false" meta:resourcekey="GridBoundColumnResource20">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ShippingComplement" FilterControlAltText="Filter ShippingComplement column"
                        HeaderText="ShippingComplement" SortExpression="ShippingComplement" UniqueName="ShippingComplement"
                        Visible="false" meta:resourcekey="GridBoundColumnResource21">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ShippingNeighborhood" FilterControlAltText="Filter ShippingNeighborhood column"
                        HeaderText="ShippingNeighborhood" SortExpression="ShippingNeighborhood" UniqueName="ShippingNeighborhood"
                        Visible="false" meta:resourcekey="GridBoundColumnResource22">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ShippingState" FilterControlAltText="Filter ShippingState column"
                        HeaderText="ShippingState" SortExpression="ShippingState" UniqueName="ShippingState"
                        Visible="false" meta:resourcekey="GridBoundColumnResource23">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ShippingCity" FilterControlAltText="Filter ShippingCity column"
                        HeaderText="ShippingCity" SortExpression="ShippingCity" UniqueName="ShippingCity"
                        Visible="false" meta:resourcekey="GridBoundColumnResource24">
                    </telerik:GridBoundColumn>
                    <%--<telerik:GridBoundColumn DataField="ShippingCountry" FilterControlAltText="Filter ShippingCountry column"
                        HeaderText="ShippingCountry" SortExpression="ShippingCountry" UniqueName="ShippingCountry"
                        Visible="false" meta:resourcekey="GridBoundColumnResource25">
                    </telerik:GridBoundColumn>--%>
                    <telerik:GridBoundColumn DataField="ShippingZipCode" FilterControlAltText="Filter ShippingZipCode column"
                        HeaderText="ShippingZipCode" SortExpression="ShippingZipCode" UniqueName="ShippingZipCode"
                        Visible="false" meta:resourcekey="GridBoundColumnResource26">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="PersonalEmail" HeaderStyle-Width="150px" FilterControlAltText="Filter PersonalEmail column"
                        HeaderText="PersonalEmail" SortExpression="PersonalEmail" UniqueName="PersonalEmail"
                        meta:resourcekey="GridBoundColumnResource27">
                        <HeaderStyle Width="150px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ComercialEmail" HeaderStyle-Width="150px" FilterControlAltText="Filter ComercialEmail column"
                        HeaderText="ComercialEmail" SortExpression="ComercialEmail" UniqueName="ComercialEmail"
                        meta:resourcekey="GridBoundColumnResource28">
                        <HeaderStyle Width="150px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="DDDPhone" HeaderStyle-Width="100px" FilterControlAltText="Filter DDDPhone column"
                        HeaderText="DDDPhone" SortExpression="DDDPhone" UniqueName="DDDPhone" meta:resourcekey="GridBoundColumnResource29">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Phone" HeaderStyle-Width="100px" DataFormatString=" {0} "
                        FilterControlAltText="Filter Phone column" HeaderText="Phone" SortExpression="Phone"
                        UniqueName="Phone" meta:resourcekey="GridBoundColumnResource30">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="DDDComercialPhone" HeaderStyle-Width="100px"
                        FilterControlAltText="Filter DDDComercialPhone column" HeaderText="DDDComercialPhone"
                        SortExpression="DDDComercialPhone" UniqueName="DDDComercialPhone" meta:resourcekey="GridBoundColumnResource31">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ComercialPhone" HeaderStyle-Width="100px" DataFormatString=" {0} "
                        FilterControlAltText="Filter ComercialPhone column" HeaderText="ComercialPhone"
                        SortExpression="ComercialPhone" UniqueName="ComercialPhone" meta:resourcekey="GridBoundColumnResource32">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="DDDCellPhone" HeaderStyle-Width="100px" FilterControlAltText="Filter DDDCellPhone column"
                        HeaderText="DDDCellPhone" SortExpression="DDDCellPhone" UniqueName="DDDCellPhone"
                        meta:resourcekey="GridBoundColumnResource33">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="CellPhone" HeaderStyle-Width="100px" DataFormatString=" {0} "
                        FilterControlAltText="Filter CellPhone column" HeaderText="CellPhone" SortExpression="CellPhone"
                        UniqueName="CellPhone" meta:resourcekey="GridBoundColumnResource34">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Reference" HeaderStyle-Width="100px" FilterControlAltText="Filter Reference column"
                        HeaderText="Reference" SortExpression="Reference" UniqueName="Reference" meta:resourcekey="GridBoundColumnResource35">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Campaign" HeaderStyle-Width="100px" FilterControlAltText="Filter Campaign column"
                        HeaderText="Campaign" SortExpression="Campaign" UniqueName="Campaign" meta:resourcekey="GridBoundColumnResource36">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Company" HeaderStyle-Width="100px" FilterControlAltText="Filter Company column"
                        HeaderText="Company" SortExpression="Company" UniqueName="Company" meta:resourcekey="GridBoundColumnResource37">
                        <HeaderStyle Width="100px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="OrderNumber" HeaderStyle-Width="80px" FilterControlAltText="Filter OrderNumber column"
                        HeaderText="Order Number" SortExpression="OrderNumber" UniqueName="OrderNumber"
                        DataFormatString=" {0} " meta:resourcekey="GridBoundColumnResource38">
                        <HeaderStyle Width="80px"></HeaderStyle>
                    </telerik:GridBoundColumn>
                </Columns>
                <GroupByExpressions>
                    <telerik:GridGroupByExpression>
                        <GroupByFields>
                            <telerik:GridGroupByField FieldName="OrderNumber" />
                        </GroupByFields>
                        <SelectFields>
                            <telerik:GridGroupByField FieldName="OrderNumber" FieldAlias="OrderNumber" HeaderText="Ordem"
                                SortOrder="Ascending" />
                            <telerik:GridGroupByField FieldName="OrderID" FieldAlias="OrderID" HeaderText="Ítens"
                                Aggregate="Count" />
                            <telerik:GridGroupByField FieldName="ProductAmount" FieldAlias="GroupTotal" Aggregate="Sum"
                                HeaderText="Total" />
                            <telerik:GridGroupByField FieldName="OrderStatus" FieldAlias="OrderStatus" HeaderText="Status" />
                        </SelectFields>
                    </telerik:GridGroupByExpression>
                </GroupByExpressions>
                <EditFormSettings>
                    <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                    </EditColumn>
                </EditFormSettings>
                <ItemStyle HorizontalAlign="Center"></ItemStyle>
                <AlternatingItemStyle HorizontalAlign="Center"></AlternatingItemStyle>
                <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" Position="Bottom" />
                <HeaderStyle HorizontalAlign="Center" Wrap="True"></HeaderStyle>
            </MasterTableView>
        </telerik:RadGrid>

Best Regards,
Manuel.

[Pavlina]

Hi Manuel,

I suggest that you remove the Width=100% from MasterTableView and see if this helps. Moreover, I followed your scenario and prepared a sample runnable project where the scrolling is working properly under IE8 and IE9 Compatibility View. Find the project attached to this message, give it a try and let me know if it helps.

Kind regards,
Pavlina
the Telerik team

[Manuel]

Hi Pavlina,

I removed the Width=100% from MasterTableView and it doens't help. Moreover i used your example code and the problem persist, everything works fine if i set AllowScroll = False. And we work with master page too, so the WebPage that contains the grid is under a master page.

I hope you can help me with this.

Best Regards,
Manuel.

[Pavlina]

Hi Manuel,

Can you provide a live url or open a formal support ticket and attach a sample runnable project, where the described problem can be replicated? Thus we will be able to test it locally and advise you further.

Regards,
Pavlina
the Telerik team