Question

我的页面有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>

请帮忙......

感谢。

Answer 1

问题是类'ui-jqgrid'的div是<table id="gridsub"></table>之外的而不是它的内部。所以你应该使用

#gridsub tr.jqgrow td { ... }

或

.ui-jqgrid #gridsub tr.jqgrow td { ... }

而不是

#gridsub .ui-jqgrid tr.jqgrow td { ... }

单词换行和垂直对齐顶部仅适用于特定的jqgrid

1 个答案: