Internet Explorer静的GridViewの問題

Question

静的なGridViewヘッダーで本当に奇妙な問題が発生しています。 IEの行が正しく整列していません。それらのうちのいくつかは行いますが、他はしません。誰かが私を助けることができますか？これは、IEではなく、Chromeで完全に機能します。

クローム：

IE：

はここに私の関連するコードです。

<script type="text/javascript"> 
        function MakeStaticHeader(gridId, height, width, headerHeight, isFooter) { 
         var tbl = document.getElementById(gridId); 
         if (tbl) { 
          var DivHR = document.getElementById('DivHeaderRow'); 
          var DivMC = document.getElementById('DivMainContent'); 
          var DivFR = document.getElementById('DivFooterRow'); 

          //*** Set divheaderRow Properties **** 
          DivHR.style.height = headerHeight + 'px'; 
          DivHR.style.width = (parseInt(width) - 50) + 'px'; 
          DivHR.style.position = 'relative'; 
          DivHR.style.top = '0px'; 
          DivHR.style.left = (tbl.clientLeft-25) +'px'; 
          DivHR.style.zIndex = '10'; 
          DivHR.style.verticalAlign = 'top'; 
          DivHR.style.alignContent = 'center'; 

          //*** Set divMainContent Properties **** 
          DivMC.style.width = width + 'px'; 
          DivMC.style.height = height + 'px'; 
          DivMC.style.position = 'relative'; 
          DivMC.style.top = -headerHeight + 'px'; 
          DivMC.style.zIndex = '1'; 
          //****Copy Header in divHeaderRow**** 
          DivHR.appendChild(tbl.cloneNode(true)); 
         } 
        } 



        function OnScrollDiv(Scrollablediv) { 
         document.getElementById('DivHeaderRow').scrollLeft = Scrollablediv.scrollLeft; 
         //if (document.getElementById('DivHeaderRow').scrollLeft >= 300) { 
         // document.getElementById('DivHeaderRow').scrollLeft = 300; 
         //} 
        } 

       </script> 

CSS

html, body { 
    margin:0px; 
    padding:0px; 
    width: 100%; 
    box-sizing: border-box; 
} 

CSSヘッダースタイル

.GVFixedHeader 
    { 
     font-weight: bold; 
     background-color: Green; 
     position: relative; 
     font-size: 12px; 
     text-align: left; 
    } 

Answer 1

それはIEがGridViewのレンダリングをどのように関係しています。私はカスタムテーブルの1つのセル上で私のformatingを変更するが、IEと混乱し、デフォルトの設定を変更します。 Chromeでは、スタイルを完全に変更するのではなく、追加することを正しく認識していました。

for (int i = 0; i < e.Row.Cells.Count; i++) 
       { 
        if (e.Row.RowType == DataControlRowType.Header) 
        { 
         e.Row.Cells[i].Attributes.Add("style", "white-space: inital;"); 
         e.Row.Cells[i].Attributes.Add("style", "text-align: left;");//THIS IS WHAT I ADDED + some altering of the width of the JS 
         if (i == 1) 
         { 
          e.Row.Cells[i].Text = "Make Inactive?"; 
         } 
         if (i == 9) 
         { 
          e.Row.Cells[i].Text = "Total Invoice YTD"; 
          e.Row.Cells[i].Attributes.Add("style", "white-space: normal;"); 
         } 
         if (i == 13) 
         { 
          e.Row.Cells[i].Attributes.Add("style", "white-space: normal;"); 
         } 
        } 
        if (e.Row.RowType == DataControlRowType.DataRow) { e.Row.Cells[i].Attributes.Add("style", "white-space: nowrap;"); } //ALWAYS makes sure there is no wrapping of text 
       }