Jqgrid rowlist选择框

时间:2011-09-29 10:09:05

标签: jquery jqgrid

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

示例:http://imageshack.us/photo/my-images/849/unledevx.png/

enter image description here

有没有办法完全展示它?我试图找到这个项目的CSS选项,但无法找到它。

1 个答案:

答案 0 :(得分:1)

来自ui.jqgrid.css

the line 58的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包含性评论)。您可以在页面的<meta http-equiv="X-UA-Compatible" content="IE=edge" />中添加<head>来解决问题(如果存在)。

无论如何你都有CSS问题。您可以使用IE开发人员工具(按 F12 开始)来检查样式。