如何增加放置在JQGRID顶部的过滤器工具栏的高度

Question

我有一个jqgrid，其中我已经在网格顶部实现了过滤器工具栏。现在我想增加所有过滤器工具栏列的高度，但我没有得到确切的想法。我在网上搜索它并得到知道可以通过更改网格的.css文件但不能获得确切的代码片段来完成它。

此外，我必须增加网格行的高度..

$('#mytable').jqGrid('filterToolbar', {autosearch: true});

Answer 1

过滤器工具栏的高度由ui.jqgrid.css的某些行设置。默认高度为20px。要将其增加到例如最多30px，您可以向页面添加其他CSS样式定义，从而覆盖ui.jqgrid.css的设置。例如，the following demo（以及不使用搜索操作的another one）使用以下样式

.ui-jqgrid .ui-search-table { height: 30px; }
.ui-jqgrid .ui-search-table .ui-search-oper { height: 30px; }
.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th { height: 32px; }

显示

我在演示中添加了the answer中描述的样式，只是为了提高输入字段的可见性。