我的页面有 2 个 jqgrids
1) jQuery("#gridmain").jqGrid({....
2) jQuery("#gridsub").jqGrid({....
我阅读了上面的内容，我需要使用:
.ui-jqgrid tr.jqgrow td {
white-space: normal !important;
vertical-align:text-top;
height:auto;
padding-top:2px;
}
但实际情况是两个网格都垂直顶部对齐。
我需要 gridmain 垂直中间对齐，而 gridsub 垂直顶部对齐。
试过:(没有成功)
#gridsub .ui-jqgrid tr.jqgrow td {
white-space: normal !important;
vertical-align:text-top;
height:auto;
padding-top:2px;
}
哦，是的，整个东西都在几个 div 里
<body>
<div id="SubPgOuterDiv">
<div id="SubPgTopWaveContainer">
<div id="SubPgTopLogo">
<img src="images/subpg_top-logo.png" width="294" height="170" alt="logo" />
</div>
<div id="SubPgTopWave">
<div id="SubpgTopMenu">
<script type="text/javascript" src="menu.js" > </script>
</div>
</div>
<div id="SubpgHeaderz">
<img src="images/subpg_header-gallery.png" width="226" height="130" />
</div>
<div id="SubpgContentContainer3">
<div id="SubPgLeftMenu3">
<table id="gridmain"></table>
<div id='pagermain'></div>
</div>
<div id="SubpgContent2e">
<table id="gridsub"></table>
<div id='pagersub'></div>
</div>
<div><p class="clear "></p></div>
</div>
</div>
</body>
请帮忙...
谢谢。
最佳答案
问题是类'ui-jqgrid' 的div 位于<table id="gridsub"></table> 的外部而不是在里面。所以你应该使用
#gridsub tr.jqgrow td { ... }
或
.ui-jqgrid #gridsub tr.jqgrow td { ... }
代替
#gridsub .ui-jqgrid tr.jqgrow td { ... }
关于css - 仅适用于特定 jqgrid 的自动换行和垂直对齐顶部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9330290/