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

Roh*_*mar 0 javascript jqgrid

我正在关注由oleg给出的演示http://www.ok-soft-gmbh.com/jqGrid/FrozenColumnsAndFilterToggle.htm.

如果我尝试使用过滤条搜索没有数据可用的条件,则水平滚动条正在消失.

重现步骤:

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

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

  3. 在第一列中输入"asdf"

截图

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

Roc*_*oC5 6

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

table.ui-jqgrid-btable tr.jqgfirstrow td { border: none; }
table.ui-jqgrid-btable { height: 1px; }
Run Code Online (Sandbox Code Playgroud)

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

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