перенос слов и вертикальное выравнивание сверху только для определенной jqgrid - PullRequest
0 голосов
/ 17 февраля 2012

На моей странице 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>

Пожалуйста, помогите ...

Спасибо.

1 Ответ

2 голосов
/ 17 февраля 2012

Проблема в том, что у класса 'ui-jqgrid' есть div, который вне из <table id="gridsub"></table>, а не внутри него. Поэтому вы должны использовать

#gridsub tr.jqgrow td { ... }

или

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

вместо

#gridsub .ui-jqgrid tr.jqgrow td { ... }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...