jqgrid增加工具欄高度

是否可以增加jqgrid頂部工具欄的高度？在PC中，我可以看到按鈕，並選擇框確定。但是，當在平板電腦即andriod ICS和ios 5中查看時，按鈕和選擇框在底部被截斷，因爲高度太短或填充會導致選擇框和按鈕顯示爲小。jqgrid增加工具欄高度

採用最新的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("&nbsp;Status:&nbsp;"); 
$("#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;");

謝謝。

來源

2012-03-01 Meng Hai

我沒有測試了我的建議，但我想，你可以通過任何價值height風格的高增長，默認值爲25px的解決這個問題：

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

修訂：它你的意思是頂部的工具欄，而不是使用頂部導航工具欄更頻繁地需要

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

來源

2012-03-01 07:27:21 Oleg

似乎什麼也沒做。我將30px改爲100px，看看我能否注意到有什麼區別，但屏幕上沒有任何變化。 – 2012-03-02 08:25:01

@孟海：爲了減少誤解，發佈一些代碼總是很好。在你將問題包含在工具欄中後：[true，「top」]'這將清楚你的意思。我之前假設你使用'toppager：true'和'navGrid'或'inlineGrid'和'navButtonAdd'。請參閱我的答案中的「已更新」部分。 – Oleg 2012-03-02 09:18:14

感謝Oleg提供更新的代碼。有用。 – 2012-03-06 06:44:49

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

來源

2014-05-01 09:05:12 user3592180

jqgrid增加工具欄高度

回答

相關問題