jqGrid - HeaderText的列顯示不正確

我有一個固定寬度爲445px的jqGrid。在所有版本的IE（v6，v7，v8和v9），HeaderText顯示不正確。在其他瀏覽器中，它運行良好。 針對此問題的任何解決方案？ enter image description here jqGrid - HeaderText的列顯示不正確

來源

2012-01-10 Somnath

在IE下，你的意思可能是一些非常老的IE版本IE6？ – Oleg 2012-01-10 07:45:44

所有版本中的IE 6,7,8,9的問題 – Somnath 2012-01-10 07:57:23

我建議你來驗證HTML文件<!DOCTYPE html ...開始：（<!DOCTYPE html>或<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">取決於您使用的HTML或XHTML方言）。此外，我建議您驗證IE的配置是否激活了compatibility mode。如果使用的問題兼容模式可以通過包括

<meta http-equiv="X-UA-Compatible" content="IE=edge" >

在HTML頁面的<head>年初得到解決。我在所有的生產性頁面中包含了上面的一行。

來源

2012-01-10 08:16:13 Oleg

那麼，這是一個Doc類型的相關問題。由於我正在使用組件，並且沒有處理頁面文檔類型，所以我試圖找到解決方法。現在它對我來說很好..

// Soon after rendering the jqGrid do the following operation 
    if ($.browser.msie) { 
     var mode = Visifire.Validator.msiemode(); 
     if (mode == 5) { 
      // Applying workaround for HeaderText warping issue in IE 
      var gridParent = vc_JQ(dataGridSettings.parentId); 
      var gridHeader = vc_JQ(".ui-jqgrid-htable", gridParent); 
      var headerTextDivs = vc_JQ("div.ui-th-div-ie", gridHeader); 
      headerTextDivs.width('90%'); 
     } 
    }

來源

2012-01-11 05:44:37 Somnath

如果使用的頁面沒有「<！DOCTYPE」，那麼錯誤的文本大小不是唯一的問題。您可能在不同的瀏覽器中出現錯誤對齊情況，例如，不同的盒子模型計算等。在這種情況下，瀏覽器將以[怪癖模式]（http://en.wikipedia.org/wiki/Quirks_mode）工作。你也會遇到使用jQuery UI的問題。我建議你，因爲組件開發人員不支持在怪異模式下將組件包括在分頁中，例如您可能不支持在IE5或IE4中使用組件。 – Oleg 2012-01-12 19:37:35

jqGrid - HeaderText的列顯示不正確

回答

相關問題