I'm working on changing existing asp.net application UI to compatible in IE11. I was stuck in an issue whre the [![cus:CustomPagedGridView][1]][1] grid header is not loading styles properly.Without header

Here is my explanation "When i load the page in IE11 first time the grid header is formed but the display is blank with out any style (User will assume there is no header).

So i tried using IE developer tools to debug which we usually do clicking F12. So immediately the styles is applied and i can see the header properly. After that it remains same on each search click.After Click F12 Loaded properly

So i can't understand why this is happening. I hope some loading css style sheet issue. has anyone went through this strange scenario ? Or any expert to advice me a better fix for this? I've attached the screen shots (After Click F12 and before click no header) for better understanding. and the code below

<cus:CustomPagedGridView ID="gvISO" runat="server" AutoGenerateColumns="false" OnRowDataBound="gvISO_RowDataBound"
                                                Font-Names="verdana" Font-Size="8pt" Width="950px" AllowPaging="true" OnPageIndexChanging="gvISO_PageIndexChanging"
                                                PageSize="10" OnRowCancelingEdit="gvISO_RowCancelingEdit" OnRowCommand="gvISO_RowCommand"
                                                OnRowEditing="gvISO_RowEditing" OnRowUpdating="gvISO_RowUpdating" DataKeyNames="isoid,isonumber,isorevno"
                                                OnPageIndexChanged="gvISO_PageIndexChanged" OnRowDeleting="gvISO_RowDeleting">
                                                <PagerTemplate>
                                                    <asp:ImageButton ID="ibtFirst" runat="server" ImageUrl="~/Images/first_arrow.gif"
                                                        ToolTip="Go to first page" CommandArgument="First" CommandName="Page" CausesValidation="False"
                                                        OnCommand="Paginate" />
                                                    <asp:ImageButton ID="ibtPrevious" runat="server" ImageUrl="~/Images/prev_arrow.gif"
                                                        ToolTip="Go to previous page" CommandArgument="Prev" CommandName="Page" CausesValidation="False"
                                                        OnCommand="Paginate" />
                                                    Page
                                                    <asp:DropDownList ID="ddlPages" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlPages_SelectedIndexChanged"
                                                        SkinID="Pager">
                                                    </asp:DropDownList>
                                                    of
                                                    <asp:Label ID="lblPageCount" runat="server"></asp:Label>
                                                    <asp:ImageButton ID="ibtNext" runat="server" ImageUrl="~/Images/next_arrow.gif" ToolTip="Go to next page"
                                                        CommandArgument="Next" CommandName="Page" CausesValidation="False" OnCommand="Paginate" />
                                                    <asp:ImageButton ID="ibtLast" runat="server" ImageUrl="~/Images/last_arrow.gif" ToolTip="Go to last page"
                                                        CommandArgument="Last" CommandName="Page" CausesValidation="False" OnCommand="Paginate" />
                                                </PagerTemplate>
                                                <Columns>
                                                    <asp:TemplateField>
                                                        <HeaderStyle Font-Names="verdana" Font-Bold="true" Font-Size="8pt" ForeColor="White"
                                                            HorizontalAlign="Left" BorderColor="white" />
                                                        <HeaderTemplate>
                                                            <!-- Level - 1 ISO (Header)  -->
                                                            <table style="table-layout: fixed">
                                                                <tr>
                                                                    <td style="width: 25px; border-color: White;" align="left">
                                                                    </td>
                                                                    <td style="width: 175px; border-color: White;" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            ISO Number</span>
                                                                    </td>
                                                                    <td style="width: 40px; border-color: White;" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            Rev</span>
                                                                    </td>
                                                                    <td style="width: 60px; border-color: White;" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            Service Class</span>
                                                                    </td>
                                                                    <td style="width: 40px; border-color: White;" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            Type</span>
                                                                    </td>
                                                                    <%--<td style="width: 100px; border-color: White;" align="left">
                                <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                    Package</span>
                            </td>--%>
                                                                    <td style="width: 50px; border-color: White;" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            WBU</span>
                                                                    </td>
                                                                    <td style="width: 60px; border-color: White;" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            PDS Area</span>
                                                                    </td>
                                                                    <td style="width: 160px; border-color: White; display: none" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            Line No.</span>
                                                                    </td>
                                                                    <%--  <td style="width: 90px; border-color: White;" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            ISO Weight</span>
                                                                    </td>--%>
                                                                    <td style="width: 90px; border-color: White;" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            Serv.Cat</span>
                                                                    </td>
                                                                    <%--    <td style="border-color: White; width: 100px" align="left">
                                                <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                    Priority</span>
                                            </td>--%>
                                                                    <td style="border-color: White; width: 60px" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            Shop Subcon</span>
                                                                    </td>
                                                                    <td style="border-color: White; width: 60px" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            Field Subcon</span>
                                                                    </td>
                                                                    <td id="tdAssemSubCon" style="border-color: White; width: 60px; display:inline" align="left" runat="server">                                                                        
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            Assembly Subcon</span>
                                                                    </td>
                                                                    <td id="tdPaintingSubCon" style="border-color: White; width: 60px; display:inline" align="left" runat="server">                                                                        
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            Painting Subcon</span>
                                                                    </td>
                                                                    <td style="border-color: White; width: 55px" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            Material Type</span>
                                                                    </td>
                                                                      <td style="border-color: White; width:60px" align="left">
                                                                        <span style="font-family: Verdana; font-size: 8pt; color: White; font-weight: bold">
                                                                            Paint System</span>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </HeaderTemplate>

Related posts

Recent Viewed