java - jqgrid增加工具栏高度

标签 java jqgrid

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

谢谢。

最佳答案

我没有测试我的建议,但我想,您可以通过将 height 样式增加到任何高于默认值 25px 的值来解决问题:

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

更新:您的意思是顶部工具栏,而不是您需要更频繁使用的顶部导航工具栏

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

关于java - jqgrid增加工具栏高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9510924/

相关文章:

jquery - 如何将 "Loading data . ."消息置于 jqgrid 树形网格可见屏幕的中心?

jquery - 重新加载单个 jqGrid 行?

javascript - jqgrid 将自定义按钮添加到导航层以转到新页面

jqgrid - 如何正确设置 jqGrid 的 jsonReader 来处理行的字符串数组

java - 究竟应该在哪里更改 JDBC URL 值?

java - 在 Android 上使用管道读取 shell 命令的输出

java - 使用正则表达式匹配末尾包含 "(number)"模式的字符串

javascript - 如何向 JqGrid 顶级工具栏按钮添加自定义图标?

java.lang.ClassNotFoundException : org. eclipse.jetty.Server 问题

java - 为什么我的代码运行在主线程上?