Ни на тестовом сервере, ни на реальном хостинге, везде одна и та же ошибка. Перепробовал уже все что можно.

Ответ на мой вопрос оказался во второй части Ваших статей (jqGrid Часть II: Базовые возможности):

«2) Загрузка данных в виде массива … в свойствах инициализации jqGrid вы не найдете параметров панели-листалки, потому что данные уже загружены и нет необходимости запрашивать их порциями.»

Ну а что, если и в этом случае я хочу организовать постраничную навигацию?

Объявил все стили и js-ы:

Прописал всё, как говорилось:

$(document).ready(function() {
…
jQuery(«#list4″).jqGrid({
datatype: «local»,
height: 250,
colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'],
colModel: [
{ name: 'id', index: 'id', width: 60, sorttype: "int" },
{ name: 'invdate', index: 'invdate', width: 90, sorttype: "invdate" },
{ name: 'name', index: 'name', width: 100 },
{ name: 'amount', index: 'amount', width: 80, align: "right", sorttype: "float" },
{ name: 'tax', index: 'tax', width: 80, align: "right", sorttype: "float" },
{ name: 'total', index: 'total', width: 80, align: "right", sorttype: "float" },
{ name: 'note', index: 'note', width: 150, sortable: false }
],
pager: $(‘#list4_Pager1′),
rowNum: 10,
rowList: [10, 20, 30, 100],
multiselect: true,
caption: «Manipulating Array Data»
});
var mydata = [
{ id: "1", invdate: "2007-10-01", name: "test", note: "note", amount: "200.00", tax: "10.00", total: "210.00" },
{ id: "2", invdate: "2007-10-02", name: "test2", note: "note2", amount: "300.00", tax: "20.00", total: "320.00" },
{ id: "3", invdate: "2007-09-01", name: "test3", note: "note3", amount: "400.00", tax: "30.00", total: "430.00" },
{ id: "4", invdate: "2007-10-04", name: "test", note: "note", amount: "200.00", tax: "10.00", total: "210.00" },
{ id: "5", invdate: "2007-10-05", name: "test2", note: "note2", amount: "300.00", tax: "20.00", total: "320.00" },
{ id: "6", invdate: "2007-09-06", name: "test3", note: "note3", amount: "400.00", tax: "30.00", total: "430.00" },
{ id: "7", invdate: "2007-10-04", name: "test", note: "note", amount: "200.00", tax: "10.00", total: "210.00" },
{ id: "8", invdate: "2007-10-03", name: "test2", note: "note2", amount: "300.00", tax: "20.00", total: "320.00" },
{ id: "9", invdate: "2007-09-01", name: "test3", note: "note3", amount: "400.00", tax: "30.00", total: "430.00" },
{ id: "10", invdate: "2007-11-01", name: "test4", note: "note3", amount: "400.00", tax: "40.00", total: "440.00" },
{ id: "11", invdate: "2007-11-02", name: "test3", note: "note3", amount: "400.00", tax: "35.00", total: "440.00" },
{ id: "12", invdate: "2007-11-03", name: "test5", note: "note3", amount: "400.00", tax: "10.00", total: "440.00" },
{ id: "13", invdate: "2007-11-04", name: "test5", note: "note3", amount: "400.00", tax: "100.00", total: "450.00" },
{ id: "14", invdate: "2007-11-05", name: "test2", note: "note3", amount: "400.00", tax: "50.00", total: "410.00" },
{ id: "15", invdate: "2007-11-06", name: "test", note: "note3", amount: "400.00", tax: "60.00", total: "460.00" },
{ id: "16", invdate: "2007-11-07", name: "test5", note: "note3", amount: "400.00", tax: "10.00", total: "420.00" },
{ id: "17", invdate: "2007-11-09", name: "test4", note: "note3", amount: "400.00", tax: "80.00", total: "420.00" },
{ id: "18", invdate: "2007-11-10", name: "test4", note: "note3", amount: "400.00", tax: "80.00", total: "420.00" },
{ id: "19", invdate: "2007-11-11", name: "test4", note: "note3", amount: "400.00", tax: "80.00", total: "420.00" },
{ id: "20", invdate: "2007-11-12", name: "test4", note: "note3", amount: "400.00", tax: "80.00", total: "420.00" }
];
for (var i = 0; i <= mydata.length; i++)
jQuery("#list4").jqGrid('addRowData', i + 1, mydata[i]);
});

Когда я комментирую строку:
pager: $(‘#list4_Pager1′)
всё нормально, только, понятное дело, навигационного бара нет.

Однако, если данную строку раскомментировать, то браузеры выдают ошибку:

«Ошибка: Не удалось получить значение свойства «integer»: значением объекта является NULL или он не определен»

и таблица вырисовывается пустой. Только заголовок, ожидаемый навигационный бар и … сообщение в центре «пустой» таблицы: «undefined».

Спасите утопающего, плз. Может кто сталкивался с такой проблемой…

=======================================
И ещё одно!!!
На официальном сайте (http://trirand.com/blog/jqgrid/jqgrid.html#) в примере Loading Data -> Array Data прописано

{name:’invdate’,index:’invdate’, width:90, sorttype:»date»}

на что также браузеры ругались, пока я не заменил sorttype на «invdate»:

{ name: ‘invdate’, index: ‘invdate’, width: 90, sorttype: «invdate» }

Если у кого возникнет вопрос, установите параметры следующим образом:

shrinkToFit: false,
width: 900,

Заинтересовался данным плагином и успешно смог настроить базовый функционал, но есть небольшая проблема.

У меня большое количество столбцов и во всю ширину таблица не умещается на странице. Подскажите, пожалуйста, как добавить горизонтальную прокрутку, ограничив таблицу 900px по ширине, например.

Спасибо заранее.

Про функционал и ненадобность.. Сразу хочу отметить, что для написания собственного модуля работы с таблицами вам поребуется весьма большое количество времени. С этим плагином вы сможете практически все, что вам потребуется – огромное количество событий уже отлавливается, остается лишь только подставить свою функцию. А оформление вы можете изменить сами, помимо этого на сайте jqueryUI – вы сможете даже настроить эту тему оформления по своему вкусу, не внедряясь в глубины css и не отрисовывая картинки.

По поводу редактирования тоже скажу:
– Поддержка редактирования во всплывающих окошках – которые сами генерируются.
– Поддержка редактирования прямо в таблице.

Поддержка поиска и многое другое!