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

Question

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

我还必须增加网格行的高度。

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

Answer 1

过滤器工具栏的高度由ui.jqgrid.css. 默认高度为 20 像素。例如，要将其增加到 30 像素，您可以向页面添加额外的 CSS 样式定义，从而覆盖ui.jqgrid.css. 例如以下演示（以及另一个不使用搜索操作的演示）使用以下样式

.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; }

它显示

我也将答案中描述的样式添加到演示中，以提高输入字段的可见性。