如果我使用过滤器工具栏搜索，则缺少jqgrid水平滚动条

Question

我正在关注由oleg。

提供的演示http://www.ok-soft-gmbh.com/jqGrid/FrozenColumnsAndFilterToggle.htm

如果我尝试使用过滤条搜索没有数据可用的条件，那么水平滚动条就会消失。

重现的步骤：

1. 打开链接 http://www.ok-soft-gmbh.com/jqGrid/FrozenColumnsAndFilterToggle.htm 或http://jsfiddle.net/giganticuser/Pvsxp/2/

2. 点击网格页脚中的过滤器按钮

3. 在第一栏中输入“asdf”



你会看到水平滚动条消失。 任何人都可以建议如何确保水平滚动条不会消失

Answer 1

尝试添加以下CSS样式规则作为解决方法：

table.ui-jqgrid-btable tr.jqgfirstrow td { border: none; }
table.ui-jqgrid-btable { height: 1px; }

http://jsfiddle.net/Pvsxp/5/

这将阻止包含数据的表格在0高度呈现，这样即使没有要显示的行，它也会保留其宽度。您也可以尝试将表的display属性设置为block或inline-block，以查看是否可以在没有高度规则的情况下工作。

Answer 2

我用于RoccoC5解决方案的替代方式。 它遵循了代码。

table.ui-jqgrid-btable tr.jqgfirstrow td{border-color:#fff}
table.ui-jqgrid-btable{height:1px}

我将边框颜色更改为jqGrid的背景颜色。

感谢RoccoC5。