ここに jqGrid を使用した jsfiddle があります。
http://jsfiddle.net/yNw3C/3953/
var data = [[48803, "DSK1", "", "02200220", "OPEN"], [48769, "APPR", "", "77733337", "ENTERED"]];
$("#grid").jqGrid({
datatype: "local",
autowidth: true,
toppager: true,
scroll: 1,
colNames: ['Inv No', 'Thingy', 'Blank', 'Number', 'Status'],
viewrecords: true,
colModel: [{
name: 'id',
index: 'id',
width: 60,
sorttype: "int"},
{
name: 'thingy',
index: 'thingy',
width: 90,
sorttype: "date"},
{
name: 'blank',
index: 'blank',
width: 30},
{
name: 'number',
index: 'number',
width: 80,
sorttype: "float"},
{
name: 'status',
index: 'status',
width: 80,
sorttype: "float"}
],
caption: "Stack Overflow Example",
});
var names = ["id", "thingy", "blank", "number", "status"];
var mydata = [];
for (var i = 0; i < data.length; i++) {
mydata[i] = {};
for (var j = 0; j < data[i].length; j++) {
mydata[i][names[j]] = data[i][j];
}
}
for (var i = 0; i <= mydata.length; i++) {
$("#grid").jqGrid('addRowData', i + 1, mydata[i]);
}
var pager = '#grid_toppager';
$("#grid").jqGrid('navGrid', pager, {refresh: true, search:false, edit: false, view:false, del: false, add: false, position: 'right'})
.navButtonAdd(pager, {
buttonicon: "ui-icon-newwin",
onClickButton: null,
position: "last",
title: "",
cursor: "pointer",
caption: ""
});
54 行目を見ると、navgrid の「位置」を右に設定していることがわかります。ボタンは完全に消えています。「左」または「中央」に設定すると、期待どおりに動作するようです。
私は何か間違ったことをしていますか?それとも、これは jqGrid の正当なバグですか? ちなみに、「toppager」と「scroll」要素はそのままにしておく必要があります。