JQgrid第一排高位问题

为什么我的JQ网格第1行或第0行会这样增长？ 为什么这样。。请在下面找到我的代码

 function bindGrid(jsondata)
 {
jQuery("#list1").jqGrid(
{
    //datatype: "json",
    datatype: "jsonstring",
    datastr: jsondata,
    colNames: ['username', 'email'],
    colModel: [
    {
        name: 'username',
        index: 'username',
        width: 100,
        classes: 'pointer'
    },
    {
        name: 'email',
        index: 'email',
        width: 250,
        classes: 'pointer',
        editable:true,        
        "editrules":{"required":true,"email":true}
    }
    ],
    //rowNum:10000,    
    sortorder: "asc",
    caption: "Email Configuration",
    gridview: true,
    loadui: "block",

    rownumbers: true, //Displays Row number Column                       
    'cellEdit': true,
    'cellsubmit' : 'clientArray'
    ,editurl: 'clientArray'
    ,afterSaveCell: function(rowid, cellname, value, iRow, iCol)
    {debugger;
       var username =$('#list1').jqGrid ('getCell', rowid, 'username');
       var email =value;
       UpdateEmailInDataBase(username,email);
    },
    shrinkToFit:true,
    height: "100%",
    rowNum:10,
    rowList:[5,10,20],
    pager: '#pager',
    ignoreCase:true,
    viewrecords: true        
}).jqGrid('navGrid','#pager',{add:false,edit:false,del:false});

---

可能您使用

float:right

CSS样式的

float:left

将网格放置在某个div中。您可以尝试将

临时移动为

的第一个直接子级，以验证这一点。最好检查（跟踪）第一行的样式（高度值太大）。你可以使用IE的开发者工具（按F12开始，然后进入“查找”菜单）、Chrome或Firefox来检查应用的CSS样式

谢谢你，奥列格，你的观点帮助了我。 问题在于身高

<input type="button" value="Load" id="btn" />
<div>
    <table id="list1" height="700px">
    </table>
    <div id="pager">
    </div>
</div>

---

我删除了高度和它的工作良好

谢谢你，奥列格，你的观点帮助了我。问题在于身高