Home/ Questions/Q 7535297
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T06:16:19+00:00

my page has 2 jqgrids 1) jQuery(#gridmain).jqGrid({…. 2) jQuery(#gridsub).jqGrid({…. I read that to make

  • 0

my page has 2 jqgrids

1) jQuery(“#gridmain”).jqGrid({….

2) jQuery(“#gridsub”).jqGrid({….

I read that to make the above I need to use:

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

But what happens is both grids became vertically top aligned.

I need gridmain to be vertically middle aligned while gridsub to be to be vertically top aligned.

Tried : (without success)

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

Oh yes, the whole thing is inside several 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>

Please help…

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem is that the class ‘ui-jqgrid’ has the div which is outside of <table id="gridsub"></table> and not inside of it. So you should use

    #gridsub tr.jqgrow td { ... }

    or

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

    instead of

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