JQGridで一行を一番上に並べる方法は？

Question

JQGridは、jQueryでデータを表示するのに最適ですが、正確には素晴らしいドキュメントはありません。

グリッドに表示する要素が1つしかない場合、グリッドに問題があります。何らかの理由で、単一行を上部ではなく下部に揃えています。

ここシングルずれ行の画像です：ここで

は私が渡しているjqgrid オプションです：要求されたよう

jQGridOptions = { 
      "recordtext": '{0} - {1} of {2}', 
      "url": 'data.json', 
      'datatype': 'json', 
      'mtype': 'GET', 
      'colModel': [ 
       { 'name': 'Rank', 'align': 'center', 'index': 'Rank', 'sortable': false, 'search': false }, 
       { 'name': 'Name', 'index': 'Name', 'sortable': false, 'search': true }, 
       { 'name': 'Score', 'index': 'Score', 'sortable': false, 'search': false } 
      ], 
      'pager': '#ranking-pager', 
      'rowNum': 10, 
      'altRows': true, 
      'scrollOffset': 0, 
      'colNames': ["Rank", "Name", "Score"], 
      'width': 696, 
      'height': 'auto', // '100%', // 300, 
      'page': 1, 
      'sortname': 'Rank', 
      'sortorder': "asc", 
      'hoverrows': true, 
      'viewrecords': true, 
      'gridComplete': function() { 
       $('.ui-jqgrid-bdiv').jScrollPane({ showArrows: true, scrollbarWidth: 17, arrowSize: 17, scrollbarMargin: 0 }); 

       if (selectedRank !== -1) { 
        selectRank(selectedRank); 
        selectedRank = -1; 
       } 
      }, 
      'jsonReader': { 
       id : 'Rank', 
       'repeatitems': false 
     } 
    }; 

が、ここでの結果ですdata.json：

jQGridから

{ 
    "page":1, 
    "total":1, 
    "records":1, 
    "rows": [{ 
        "Name":"Gil Agostini", 
        "Score":94, 
        "Rank":1 
      }] 
} 

コール：

$(document).ready(function() { 
     $("#ranking-table").jqGrid(jQGridOptions); 
}); 

HTML：

<div style="float: left;"> 
       <div class="hvy-border1"> 
        <div class="hvy-border2"> 
         <div class="hvy-top-left hvy-corner"> 
          <div> 
           <!-- --> 
          </div> 
         </div> 
         <div class="hvy-top-right hvy-corner"> 
          <div> 
           <!-- --> 
          </div> 
         </div> 
         <div class="clear"> 
          <!-- --> 
         </div> 
         <div id="table-and-pager" style="margin: 3px;"> 
          <table id="ranking-table" class="scroll" cellpadding="0" cellspacing="0" style="height: 300px"> 
          </table> 
          <div id="ranking-pager" class="scroll" style="text-align: center;"> 
          </div> 
         </div> 
         <div class="clear"> 
          <!-- --> 
         </div> 
         <div class="hvy-bottom-left hvy-corner"> 
          <div> 
           <!-- --> 
          </div> 
         </div> 
         <div class="hvy-bottom-right hvy-corner"> 
          <div> 
           <!-- --> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 

は、誰も私に、私は多分ここに間違っているものを任意の手掛かりを与えることはできますか？

行を最下部ではなく上部に揃えるにはどうすればよいですか？