jqgrid увеличить высоту панели инструментов

Question

Можно ли увеличить высоту верхней панели инструментов для jqgrid? В ПК я вижу кнопку, и выберите поле ОК. Но при просмотре в планшете, т.е. в andriod ICS и ios 5, кнопка и поле выбора усекаются внизу, потому что либо высота слишком мала, либо отступы приводят к тому, что поле выбора и кнопка отображаются внизу.

Использование последней версии jqgrid 4.3.1

<table id="gridmain"></table>
<div id="pagermain"></div>
<script src="Usergrid.js" type="text/javascript"> </script>

тогда в моем файле js: Я включаю панель инструментов с:

toolbar: [true,"top"]

Затем я добавил несколько вариантов выбора и кнопку на верхней панели инструментов:

$("#t_gridmain").append(" Status: ");
$("#t_gridmain").append("<select name='selStatus' id='selStatus'><option value='All'>All</option><option value='InProgress' selected>InProgress</option><option value='New'>New</option><option value='Passed'>Passed</option><option value='Failed'>Failed</option><option value='Withdrawn'>Withdrawn</option></select>&nbsp;&nbsp;&nbsp;&nbsp;");
$("#t_gridmain").append("<input type='button' value='Email' id='buttEmail' style='height:20px;font-size:-4'/>&nbsp;&nbsp;&nbsp;&nbsp;");
$("#t_gridmain").append("<input type='checkbox' id='showinactive' name='showinactive'/>&nbsp;Show Inactive&nbsp;&nbsp;&nbsp;");

Спасибо.

Answer 1

Я не проверял свое предложение, но я полагаю, что вы можете решить эту проблему, увеличив стиль height до любого значения выше значения по умолчанию 25px:

.ui-jqgrid .ui-jqgrid-toppager {
    height: 30px !important;
}

ОБНОВЛЕНО : Вы имеете в виду верхнюю панель инструментов, а не верхнюю панель навигации, которая используется чаще, чем вам нужно

.ui-jqgrid .ui-userdata {
    height: 30px; /* default value in ui.jqgrid.CSS is 21px */
}

Answer 2

$("#t_gridmain").css('height', '30px');