This is exact your example.

The only diffrence is that I use a local data.

Regards

Interesting. I will try to test this, but one note from me.

You use two diffrent types of calling jqGrid methods like:

$("#...).jqGrid({

...

}).filterToolbar(

..

).jqGrid('navGrid'..

..

).navButtonAdd(

);

I suggest you to use only one like this

.jqGrid('navGrid'..)

Please read here how to configure which type of calling to use

Also check if the CSS files are loaded correct.

Regards

I have included my code. the cursor does not change either.

thank you in advace for any help!

Latest JQuery 1.9 and Latest JqGrid 4.5

Javascript code: 

Html Code:

<table id="QouteTemplateList"></table>

<div id="QouteTemplateListPager"></div>

$(function () {

var shownPostData = null;

var GroupingFields = new Array();

$('#QouteTemplateList').jqGrid({

url: '/Includes/Application/Services/GridServices.asmx/GetQouteTemplateList',

mtype: 'POST',

datatype: 'json',

ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },

serializeGridData: function (postData) {

var InlineFilters = new Array();

$.each(postData, function (k, v) {

if (k != 'GroupingFields' && k != 'InlineFilters' && k != 'page' && k != 'rows' && k != 'searchString' && k != 'searchOper' && k != 'searchField' && k != 'filters' && k != 'sord' && k != 'sidx' && k != '_search' && k != 'nd') {

InlineFilters.push({ Name: k, Value: v });

}

});

postData['InlineFilters'] = InlineFilters;

postData['GroupingFields'] = GroupingFields;

if (postData['filters'] == null) {

postData['filters'] = null;

}

return JSON.stringify(postData);

},

jsonReader: { repeatitems: false, root: "d.Rows", page: 'd.Page', total: 'd.Total', records: "d.Records" },

colNames: ['', 'Name', 'Created By'],

colModel: [

{ name: 'Id', index: 'Id', key: true, hidden: true },

{ name: 'Name', index: 'Name', width: 170, template: stringTemplate },

{ name: 'UserCreated', index: 'UserCreated', width: 180, template: stringTemplate }, ],

height: $('#QouteTemplateListWrapperCell').height() - 100,

rowNum: 1000000,

hidegrid: false,

sortname: 'Name',

pager: '#QouteTemplateListPager',

caption: 'Quote Templates',

gridComplete: function () {

},

loadComplete: function (data) {

$("#QouteTemplateList tr.jqgrow:odd").css("background", "#DDDDDC");

},

onHeaderClick: function (state) {

},

viewrecords: true,

autowidth: true,

shrinkToFit: false,

scroll: true,

subGrid: false,

editurl: '/Includes/Application/Handlers/QuoteTemplateListHandler.ashx'

}).filterToolbar({

autosearch: true,

searchOnEnter: false,

clearButton: '-',

enableClear: true,

afterSearch: function () {

},

afterClear: function () {

}

}).jqGrid('navGrid', '#QouteTemplateListPager', { edit: true, add: true, del: true, search: true }, {}, {}, {}, {

multipleSearch: true,

closeAfterSearch: true,

closeAfterReset: true,

searchOnEnter: true,

multipleGroup: false,

closeOnEscape: true,

resize: true,

recreateForm: true,

caption: 'Advanced Search...',

Find: 'Search',

Reset: 'Clear Results',

groupOps: [{ op: "AND", text: "AND" }, { op: "OR", text: "OR" }],

beforeShowSearch: function () {

return true;

}

}, { closeOnEscape: true, closeAfterAdd: true, closeAfterEdit: true }).navButtonAdd('#QouteTemplateListPager', {

caption: "", buttonicon: "ui-icon-calculator", title: "Choose Columns",

onClickButton: function () {

$('#QouteTemplateList').columnChooser();

}

});

});