This seemed to be a CSS related problem. Also be a sure you load the correct css. If you have problem with this copy the css from the project that this work.

Regards

Tony

I'm having a problem where my JQgrid page is "stuck" in modal view.

I'm using:

• JQGrid 3.6.4
• JQuery UI 1.8
• JQuery 1.4.2
• ASP.NET MVC 2 / ASP.NET 3.5

I've used JQGrid on other projects without any problem: Here is the HTML:

    <table id="tblGrid" class="scroll" cellpadding="0" cellspacing="0"></table>
    <div id="divPager" class="scroll" style="text-align:center;"></div>

Here is the JavaScript:

            $("#tblGrid").jqGrid({
                url: 'Users/GetList',
                colNames: ['Last Name', 'First Name', 'Email', 'Phone', 'Role', '', ''],
                colModel: [
                    { name: 'LastName', index: 'LastName', width: 200 },
                    { name: 'FirstName', index: 'FirstName', width: 150 },
                    { name: 'Email', index: 'Email', width: 300 },
                    { name: 'Phone', index: 'Phone', width: 150 },
                    { name: 'Role', index: 'Role', width: 200 },
                    { name: 'UserId', index: 'UserId', align: 'center', sortable: false, width: 150 },
                    { name: 'Empty', index: 'Empty', align: 'center', hidden: true, sortable: false, width: 815 }
                    ],
                pager: '#divPager',
                sortname: 'LastName',
                sortorder: 'desc',
                multiselect: false,
                datatype: "json",
                mtype: 'POST',
                rowNum: 50,
                rowList: [25, 50, 100, 250, 500],
                scrollOffset: 0,
                viewrecords: true,
                width: 750,
                height: 'auto',
                caption: "&nbsp;"
            });

This is the JSON that is coming back from my controller:

{"total":0,"page":1,"records":2,"rows":[{"id":"4","cell":["User","Sample","u003ca href="mailto:sUser@somewhere.com"u003ejUser@somewhere.comu003c/au003e","","Administrator","u003ca href="/users/edit/4"u003eView / Editu003c/au003e"]},{"id":"1","cell":["Administrator","System","u003ca href="mailto:administrator@somewhere.com"u003eadministrator@somewhere.comu003c/au003e",null,"Administrator","u003ca href="/users/edit/1"u003eView / Editu003c/au003e"]}]}

Here is a link to the screenshot where you can see the "stuck" state:

http://www.jasonschatz.com/stuckmodal.jpg

Anyone have any ideas? I've spent hours now trying to figure it out, it works fine on other projects, no idea what's wrong here.

Thanks,

Jason