在 IE 上包装 jqGrid 列标题的问题 [英] Problem with wrapping jqGrid column headers on IE

查看:17
本文介绍了在 IE 上包装 jqGrid 列标题的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在我的页面中使用 jqGrid,我修改了 ui.jqgrid.css 文件来包装列标题,如下所示:

I'm using jqGrid in my pages, I modified the ui.jqgrid.css file to wrap the column headers like this:

.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
}

.ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column{
    white-space:normal;
}

它在除 IE 之外的所有浏览器中都能正常工作!我试过IE7和IE8,问题依旧.

It works fine in all of the browsers but IE! I tried IE7 and IE8 and the problem is still out there.

推荐答案

尝试另外使用

.ui-th-div-ie {
    white-space:normal !important;
    height:auto !important;
}

已更新:在我看来,与其使用所有这些样式,不如使用以下样式:

UPDATED: It seems to me, that instead of all this styles it would be better to use one following:

th.ui-th-column div{
    white-space:normal !important;
    height:auto !important;
    padding:2px;
}

它似乎在所有浏览器中都运行良好.查看示例这里.

It seems work very good in all browsers. See an example here.

更新 2:您可以在 答案.

这篇关于在 IE 上包装 jqGrid 列标题的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆