在 IE 上包装 jqGrid 列标题的问题 [英] Problem with wrapping jqGrid column headers on IE
本文介绍了在 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屋!
查看全文