jqgrid增加工具栏高度答案

【问题标题】：jqgrid increase toolbar heightjqgrid增加工具栏高度
【发布时间】：2012-03-01 05:06:42
【问题描述】：

jqgrid 可以增加顶部工具栏的高度吗？在 PC 中我可以看到按钮，然后选择框确定。但是当在平板电脑 ie 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("&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;");

谢谢。

【问题讨论】：

标签： java jqgrid

【解决方案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 */
}

【讨论】：

似乎什么也没做。我将 30 像素更改为 100 像素，看看我是否能注意到任何差异，但屏幕上没有任何变化。
@MengHai：为了减少误解，发布一些代码总是好的。在您的问题中包含toolbar: [true,"top"] 之后，您的意思就很清楚了。我之前以为你使用了toppager: true 和navGrid 或inlineGrid 和navButtonAdd。请参阅我的答案的“更新”部分。

【解决方案2】：

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

【讨论】：