Question

我有一个固定宽度为445px的jqGrid。在所有版本的IE（v6，v7，v8和v9）中，HeaderText未正确显示。在其他浏览器中，它运行良好。 针对此问题的任何解决方案？ enter image description here

Answer 1

我建议您验证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>开头。我在所有生产页面中都包含上述行。

Answer 2

嗯，这是与Doc类型相关的问题。由于我正在使用组件并且没有处理页面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%');
        }
    }

jqGrid - 列的HeaderText未正确显示

2 个答案: