Mi página tiene 2 jqgrids

1) jQuery ("# ​​gridmain"). JqGrid ({....

2) jQuery ("# ​​gridsub"). JqGrid ({....

Leí que para hacer lo anterior necesito usar:

.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    vertical-align:text-top;
    height:auto;
    padding-top:2px;
}

Pero lo que sucede es que ambas cuadrículas se alinearon verticalmente en la parte superior.

Necesito que gridmain esté alineado verticalmente en el medio mientras que gridsub esté alineado verticalmente en la parte superior.

Probado: (sin éxito)

#gridsub .ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    vertical-align:text-top;
    height:auto;
    padding-top:2px;
}

Oh, sí, todo está dentro de varios 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>

Por favor ayuda...

Gracias.

0
Meng Hai 17 feb. 2012 a las 18:48

1 respuesta

La mejor respuesta

El problema es que la clase 'ui-jqgrid' tiene el div que está fuera de <table id="gridsub"></table> y no dentro de él. Entonces deberías usar

#gridsub tr.jqgrow td { ... }

O

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

En lugar de

#gridsub .ui-jqgrid tr.jqgrow td { ... }
2
Oleg 17 feb. 2012 a las 20:35