jqgridツールバーの高さを増やす

Question

jqgridのトップツールバーの高さを上げることはできますか？ PCでは、ボタンが表示され、okを選択できます。 タブレットで見ると、andriod ICSとios 5では、高さが短すぎるか、パディングによって選択ボックスとボタンがalittleで表示されるため、ボタンと選択ボックスが最下部で切り捨てられます。最新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

あなたはデフォルト値の25ピクセルとして高い任意の値にheightスタイルを増やすことで問題を解決できることを、私は私の提案をテストしていませんでしたが、私が思う：

更新

.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');