2013-11-14 90 views
0

爲什麼我的JQ網格第一行或者我們可以告訴第0行正在像這樣增加? 爲什麼要這樣..請在下面找到我的代碼。JQgrid第一行高度問題

enter image description here

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}); 

回答

1

或許你放在格柵一些div中與float: right CSS樣式float: left。您可以嘗試將<table id="list1"></table><div id="pager"></div>臨時作爲<body>的第一個直接子進行驗證。檢查(追蹤)第一行的樣式(其高度值太大)是很好的。可以使用IE的開發工具(按F12啓動,然後進入查找菜單),Chrome或Firefox來檢查應用的CSS樣式。

+0

謝謝奧列格,你的觀點幫助了我。問題與高度 – Abhi

+0

@Abhi:不客氣! – Oleg

0

謝謝奧列格,你的看法幫助了我。 問題是隨高度

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

我刪除的高度以及做工精細