Question

我发现了jqGrid的奇怪问题。这个问题很小，与演示相关，而不是功能。

当我切换过滤器工具栏时，列的输入宽度不适合列的宽度。实际上，它不仅仅是列。

您可以在http://www.trirand.com/blog/jqgrid/jqgrid.html的演示中看到相同的问题。

请检查搜索 - ＆gt;带操作的工具栏。加载演示后，请检查列索引的过滤器输入宽度。

或者您可以在版本3.5->综合搜索工具栏中查看新功能。加载演示后，请检查过滤器输入的宽度。

任何解决方案？

此致

Answer 1

在我看来，这是WebKit（Google Chrome 27.0.1453.110和Safari）中的一个错误。我不仅可以确认问题，还可以描述更多的hart bug：如果您尝试在“搜索”中搜索工具栏中输入“一些长文本” - >“带操作的工具栏”，您将获得如下图片

enter image description here

不会看到搜索操作。

jqGrid设置内联style，width的{{1}}元素值为<input>，而WebKit以错误的方式对其进行了计算。作为一种解决方法，我建议添加以下CSS

100%

请参阅the demo。

.ui-jqgrid .ui-search-table .ui-search-input>input, .ui-jqgrid .ui-search-table .ui-search-input>select { display: block }或

的用法

box-sizing: border-box;

另外（在我看来）提高了输入字段的可见性。 The next demo展示了结果。在我测试演示的所有Web浏览器中，该演示看起来都相同。

更新：我根据我的建议发布了the bug report。现在（参见here）相应的更改已经包含在github上的jqGrid的主代码中，而jqGrid的下一个版本（4.5.2之后）将没有更多描述的问题。