Как выровнять одну строку по верху в JQGrid? ⇐ Jquery

[Anonymous]

JQGrid отлично подходит для отображения данных с помощью jQuery, но у него не очень хорошая документация.

У меня возникла проблема с сеткой, когда в сетке отображается только один элемент. По какой-то причине одна строка выравнивается по низу, а не по верху.

Вот изображение одной строки со смещением:< /p>




Вот параметры 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:

Код: Выделить всё

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

Вызов jQGrid:

Код: Выделить всё

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

Html:

Код: Выделить всё

Может ли кто-нибудь подсказать мне, что я, возможно, делаю здесь неправильно?

Как мне получить строку выравнивать по верху, а не по низу?

Подробнее здесь: https://stackoverflow.com/questions/476 ... -in-jqgrid