在IE上包装jqGrid列标题的问题

Question

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

.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,问题依然存在.

Answer 1

尝试另外使用

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

更新:在我看来,不是所有这些风格,最好使用以下一个:

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

它似乎在所有浏览器中都非常好用.在这里查看示例.

更新2:有关您可以在答案中找到的问题的更多信息和更多演示.