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

问题描述

我在页面中使用了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，问题仍然存在。 解决方案

尝试另外使用

  .ui-th-div-ie {
 white-space：normal！important; 
 height：auto！important; 
} 
  

已更新：在我看来，在所有这些样式中，最好使用以下一项：

  th.ui-th-column div {
空白：正常！重要; 
 height：auto！important; 
 padding：2px; 
} 
  

在所有浏览器中，它似乎都非常好用。请参阅此处的示例。

更新2 ：有关您可以在答案。

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;
}

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

解决方案

Try to use additionally

.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.

UPDATED 2: More information and more demos about the problem you can find in the answer.

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