Radgrid gets misaligned Internet Explorer 8 Version 8.0.7600.16385

[Gayathri]

Hi ,
The radgrid is getting misaligned as in the attached screen shot.It occurring only in browser version: Internet Explorer 8 Version 8.0.7600.16385. Please let us know how to fix the issue.

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                                                                <ContentTemplate>
                                                                                    <telerik:RadGrid ID="gridCCU" AllowPaging="true" AllowSorting="true" OnNeedDataSource="gridCCU_NeedDataSource"
                                                                                        AutoGenerateColumns="false" AllowAutomaticInserts="true" GridLines="Horizontal"
                                                                                        ClientSettings-EnableRowHoverStyle="true" EnableAjaxSkinRendering="false" MasterTableView-RowIndicatorColumn-ItemStyle-BorderColor="ActiveBorder"
                                                                                        Height="220px" runat="server" OnItemCommand="getCCU">
                                                                                        <ClientSettings Scrolling-AllowScroll="true" EnablePostBackOnRowClick="true" Selecting-AllowRowSelect="true"
                                                                                            Scrolling-UseStaticHeaders="true">
                                                                                        </ClientSettings>
                                                                                        <MasterTableView AllowPaging="true" DataKeyNames="OBJID" Width="100%" TableLayout="Fixed"
                                                                                            EnableViewState="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"
                                                                                            AlternatingItemStyle-HorizontalAlign="Center">
                                                                                            <Columns>
                                                                                                <telerik:GridBoundColumn DataField="MODEL" HeaderText="MODEL" HeaderStyle-Font-Bold="true">
                                                                                                </telerik:GridBoundColumn>
                                                                                                <telerik:GridBoundColumn DataField="Connections.connectionType" HeaderStyle-Font-Bold="true" HeaderText="COMMUNICATION TYPE"
                                                                                                    >
                                                                                                </telerik:GridBoundColumn>
                                                                                                <telerik:GridBoundColumn DataField="Connections.IPAddress" HeaderStyle-Font-Bold="true" HeaderText="ADDRESS"
                                                                                                   >
                                                                                                </telerik:GridBoundColumn>
                                                                                                <%--<telerik:GridBoundColumn DataField="STATUS" HeaderText="STATUS" HeaderStyle-Font-Bold="true" >
                                                                                                </telerik:GridBoundColumn>--%>
                                                                                                <telerik:GridTemplateColumn UniqueName="statusCCU" HeaderStyle-Font-Bold="true" HeaderText="STATUS">
                                                                                               <ItemTemplate>
                                                                                                 <asp:Label ID="lblStatus" runat="server" Text="OFFLINE"></asp:Label>
                                                                                               </ItemTemplate>
                                                                                             </telerik:GridTemplateColumn>
                                                                                            </Columns>
                                                                                            <HeaderStyle CssClass="GridHeader" />
                                                                                        </MasterTableView>
                                                                                        <PagerStyle Mode="NextPrevAndNumeric" EnableSEOPaging="true" VerticalAlign="Bottom"
                                                                                            Position="Bottom" AlwaysVisible="true" />
                                                                                    </telerik:RadGrid>
                                                                                </ContentTemplate>
                                                                            </asp:UpdatePanel>

Thanks
Gayathri

[Deyan Enchev]

Hello Gayathri,

I have tried to replicate the issue you have encountered but without success. Attached you can see a video in which it is shown what I did in order to reproduce the scenario. Take a look at it and let me know what I am missing.

If you find it appropriate you can also try assembling a small runnable project that will let me inspect and debug your code on my side? This will help me getting back to you with more straight to the point answers on time.

In addition it seem you are using a custom skin applied to the RadGrid control. Could you recheck what the alignment would be if you switch to some of Telerik's built-in skins skins?

Regards,
Deyan Enchev
Telerik