jquery - 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 规则，因为无法分析您的任何演示。