Css 仅适用于特定jqgrid的文字换行和垂直对齐顶部_Css_Jqgrid

Css 仅适用于特定jqgrid的文字换行和垂直对齐顶部

css jqgrid

Css 仅适用于特定jqgrid的文字换行和垂直对齐顶部,css,jqgrid,Css,Jqgrid,我的页面有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; } 但实际情况是，两个网格都垂直顶部对齐我

我的页面有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垂直上对齐

尝试：（未成功）

哦，是的，整件事都在几个房间里

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

之外，而不是在它里面。因此您应该使用

#gridsub tr.jqgrow td{…}

或

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

而不是

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

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