当前位置：文江博客话题详情

jqGrid - 列的标题文本未正确显示

发布于 2024-12-26 01:35:16 字数 196 浏览 0 评论 0原文

我有一个固定宽度为 445px 的 jqGrid。在所有版本的 IE（v6、v7、v8 和 v9） 中，HeaderText 无法正常显示。在其他浏览器中它运行良好。 这个问题有解决办法吗？ 在此处输入图像描述

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

谈情不如逗狗 2025-01-02 01:35:16

我建议您验证 HTML 文件是否以 开头：( 或取决于您使用的 HTML 或 XHTML 方言）。另外，我建议您验证 IE 的配置是否已激活兼容模式。如果使用兼容模式，可以通过

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

在 HTML 页面的开头添加来解决问题。我将以上行包含在所有生产页面中。

I recommend you to verify that the HTML file starts with <!DOCTYPE html ...: (<!DOCTYPE html> or <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> depend on the HTML or XHTML dialect which you use). Additionally I recommend you to verify whether the configuration of IE has activate the compatibility mode. If the compatibility mode are used the problem can be solved by including

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

at the beginning of the <head> of the HTML page. I include the above line in all productive pages.

回复收藏 0 原文

⊕婉儿 2025-01-02 01:35:16

嗯，这是一个与文档类型相关的问题。由于我正在使用组件并且没有页面文档类型的句柄，因此我尝试找到解决方法。现在它对我来说运作良好..

   // 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%');
        }
    }

Well, it was a Doc type related issue. As I'm working with a component and do not have handle on page doc type so I tried to find a workaround. Now it is working well for me..

   // 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%');
        }
    }

回复收藏 0 原文

~没有更多了~