RadGrid header-column mismatch in IE11 Edge mode

[Daniel]

I have a grid that renders correctly in IE, pre version 11.  It renders substantially correct in document modes other than Edge (native IE11) mode in IE11.  I have attached a capture of the grid with mismatched headers and columns as rendered in Edge mode.  I have included the fragment of the .aspx that defines the grid.

TIA

        <div class="bbcontent" style="padding: 0">
                <telerik:RadGrid ID="TableAdminGrid" runat="server" GridLines="None" AllowPaging="True" 
                    AllowSorting="True" EnableEmbeddedSkins="False" Skin="LPSDesktop" PageSize="20" 
                    AllowFilteringByColumn="True" AllowMultiRowSelection="false"
                    PagerStyle-PageSizeLabelText="Page size" PagerStyle-PagerTextFormat="{4}{5} items in {1} page(s)">
                    <HeaderContextMenu EnableEmbeddedSkins="false">
                    </HeaderContextMenu>
                    <ClientSettings EnableRowHoverStyle="True">
                        <Selecting AllowRowSelect="True" />
                        <Scrolling UseStaticHeaders="True" ScrollHeight= "400px" AllowScroll = "true"/>
                        <Resizing AllowColumnResize="true" />
                        <ClientEvents OnFilterMenuShowing="FilterMenuShowing" />
                    </ClientSettings>
                    <MasterTableView>
                        <NoRecordsTemplate>
                            <div style="color:Red">No items found.</div>
                        </NoRecordsTemplate>
                        <Columns>
                            <telerik:GridTemplateColumn HeaderText="" UniqueName="EditColumn" AllowFiltering="false" ShowFilterIcon="false" ShowSortIcon="false" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:ImageButton ID="ImageButtonEdit" runat="server" ImageUrl="Images\document_edit.png" ToolTip="Edit" OnClick="GridEditImage_Click" />
                                </ItemTemplate>
                                <HeaderStyle Width="40px" />
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn HeaderText="" UniqueName="DeleteColumn" AllowFiltering="false" ShowFilterIcon="false" ShowSortIcon="false" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:ImageButton ID="ImageButtonDelete" runat="server" ImageUrl="Images\delete16.png" ToolTip="Remove" CommandName="Delete" OnClick="GridDeleteImage_Click" OnClientClick="SetRowToDelete(this.attributes['RowIndex'].value);" />
                                </ItemTemplate>
                                <HeaderStyle Width="40px" />
                            </telerik:GridTemplateColumn>
                        </Columns>
                    </MasterTableView>
                    <PagerStyle AlwaysVisible="true"  Mode="NextPrevAndNumeric" Position="Bottom" PageButtonCount="3" PagerTextFormat="{4}{5} items in {1} page(s)" PageSizeLabelText="Page size" />
                    <GroupingSettings CaseSensitive="false" />
                    <FilterMenu EnableEmbeddedSkins="False" OnClientShown="MenuShowing">
                    </FilterMenu>
                </telerik:RadGrid>
        </div>

[Pavlina]

Hello,

I followed your scenario and prepared a sample test project which is working properly in IE 11 Edge mode. The only difference is that in my project built-in skin is set for the grid and you are using a custom skin.
Therefore I supposed that the problem might be related to your custom LPSDesktop skin. To confirm that this is the case change the grid skin in your application with one of the existing skins and if everything is working properly you need to check your custom skin CSS file for problems.

Regards,
Pavlina
Telerik