jQuery Grid Plugin - jqGrid

Hi,

I have the same issue with the virtual scrolling grid.  It's not usable in jQuery UI modal dialog.  I cannot type on the filter's input text field.  Also, after clicking "Find" the grid fails to load and the "Loading" loading keep showing.  The "Reset" won't work either.  Here is some code.

Please help.  It seems the grid will only work on a page, not on a layered dialog like the jQuery one.

Thanks,

Callistus

<div id="dialog">
    <table id="scroll37"></table>
    <div id="pscroll37" ></div>
</div>

$("#dialog").dialog({
    autoOpen: false,
    height: 450,
    width: 700,
    modal: true,
    buttons: {
        'Create an account': function() {
        },
        Cancel: function() {
            $(this).dialog('close');
        }
    },
    close: function() {
    }
})
.dialog('open');

var gridData = '{"page":"1","total":3,"records":"10","rows":[{"id":"1","cell":["1","Lorem","575878"]},{"id":"2","cell":["2","Lorem","857450"]},{"id":"3","cell":["3","ipsum","292404"]},{"id":"4","cell":["4","dolor","814131"]},{"id":"5","cell":["5","sit","962077"]},{"id":"6","cell":["6","amet,","549801"]},{"id":"7","cell":["7","sed","166822"]},{"id":"8","cell":["8","in","616758"]},{"id":"9","cell":["9","id","550799"]},{"id":"10","cell":["10","dictum","763004"]}]}';

$('#scroll37').jqGrid({
    datatype: "jsonstring",
    datastr: gridData,
    height: 255,
    width: 750,
    colNames: ['Index','Name', 'Code'],  
    colModel: [ {name:'item_id',index:'item_id', width:65, sorttype:'int'}, {name:'item',index:'item', width:150}, {name:'item_cd',index:'item_cd', width:100} ],
    rowNum:50,
    rowTotal: 2000,
    rowList : [20,30,50],
    scroll:1,
    loadonce:true,
    mtype: "GET",
    rownumbers: false,
    rownumWidth: 40,
    gridview: true,
    pager: '#pscroll37',
    sortname: 'item_id',
    viewrecords: true,
    sortorder: "asc",
    modal: false});                                        

$('#scroll37').jqGrid('navGrid','#pscroll37',{del:false,add:false,edit:false},{},{},{},{multipleSearch:true});