jqgrid过滤搜索但切断了

Question

我的jqgrid搜索过滤器工具栏存在问题。它会在过滤器字段被切断时出现。

我尝试在ui.jqgrid.css中增加高度...

.ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height:20px; width:100%;}

这确实为搜索表提供了更高的高度，但是所有输入都被推低了，并且变得更加截止。

有人可以就这里做什么给我一些建议吗？直到今天我使用jqgrid 3.7和jquery ui 1.8.6并且它看起来还不错。但今天我将我的jqgrid版本更新为4.6.0，此后我就遇到了这个问题。

感谢您的帮助。

Answer 1

尝试添加以下CSS规则

.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
    height: auto;
}
.ui-jqgrid .ui-search-toolbar .ui-search-table {
    height: auto;
}
.ui-jqgrid .ui-search-toolbar .ui-search-input input,
.ui-jqgrid .ui-search-toolbar .ui-search-input select,
.ui-jqgrid .ui-search-toolbar .ui-search-input textarea {
     margin: 1px 0;
     padding: 0;
}

您可以通过添加margin或padding的其他规则来改善过滤器工具栏的外观。我想项目的其他一些CSS规则将应用于过滤器工具栏，但很难建议CSS规则，因为无法分析任何演示。