jQuery("#grdNotesMaster").jqGrid({
url: 'MasterData.aspx?MasterID=MASTER',
datatype: 'json',
colNames: ['TOPIC NAME', 'NOTES', 'IS ACTIVE'],
colModel: [{
name: 'TOPIC_NAME',
index: 'TOPIC_NAME',
width: 200,
align: "left"
}, {
name: 'NOTES',
index: 'NOTES',
width: 500,
align: "left"
}, {
name: 'ACTIVE',
index: 'ACTIVE',
width: 100,
align: "center"
}
}],
rowNum: 20,
rowList: [50, 100, 150, 10000],
pager: '#mypager', -----(Important)
toppager: true, -------(Important)
sortorder: "desc",
viewrecords: true,
loadonce: true,
jsonReader: {
repeatitems: false
},
autowidth: false,
caption: 'MASTER',
height: '100%',
width: '1300',
});
jQuery("#grdNotesMaster").navGrid("#grdNotesMaster_toppager_left", {
cloneToTop: true,
---(Important)
edit: false,
add: false,
del: false,
search: true,
refresh: true
});In this code we learn to Display Navigation Button on Top of Jqgrid