Jqgrid rowlist 选择框答案

【问题标题】：Jqgrid rowlist Selection boxJqgrid rowlist 选择框
【发布时间】：2011-09-29 10:09:05
【问题描述】：

我的 jqgrid 中有一个寻呼机，在寻呼机上我有 rowList 选项，人们可以在其中选择是否希望一次显示 10/20 或更多行。问题是选择框没有被完全查看。

有什么办法可以完全展现出来吗？我试图找到这个项目的 CSS 选项，但找不到它。

【问题讨论】：

【解决方案1】：

the line 58 的 CSS 设置来自 ui.jqgrid.css

.ui-jqgrid .ui-pg-selbox {
    font-size:.8em;
    line-height:18px;
    display:block;
    height:18px;
    margin: 0em;
}

负责字体大小。人们看到另一个问题是非常宽的寻呼机输入字段 (ui-pg-input)。

原因可能如下：

HTML 文件开头的<!DOCTYPE html ...> 没有或错误（参见here）
添加input.ui-pg-input { width: auto; } 修复寻呼机输入字段。如果您使用 ASP.NET MVC，请另见 this post。
IE“兼容性视图”的使用（见here包括cmets）。您可以通过在页面的<head> 中添加<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 来解决问题（如果存在）。

无论如何，您都有 CSS 问题。您可以使用 IE 开发工具（按 F12 开始）来检查样式。

【讨论】：