IE中的JQuery jqGrid垂直间距问题

时间:2009-10-01 02:38:41

标签: javascript jquery css internet-explorer jqgrid

我一直在开发一个使用jQuery的jqGrid插件的应用程序,我想我已经把它全部包裹起来,直到我试图在IE中查看网格。在IE中,网格在.ui-jqgrid-view div中显示的高度要大得多,但数据本身保持较小的尺寸并显示在容器div的底部(.ui-jqgrid-view)。我需要让网格显示“正确”。我不在乎它是更大的尺寸(IE显示)还是更小(如在FF中)...我只需要将数据填充到网格区域。谢谢!

我上传了一个屏幕截图:here

网格代码:

$("#list").jqGrid({
            url: gDataPath,
            datatype: 'json',
            mtype: 'GET',
            colNames: ['Id', 'VId', 'First Name', 'Last Name', 'MId'],
            colModel: [
      { name: 'ID1', index: 'ID1', width: 75, align: 'left' },
      { name: 'VID', index: 'VID', width: 75, align: 'left' },
      { name: 'FirstName', index: 'FirstName', width: 225, align: 'left' },
      { name: 'LastName', index: 'LastName', width: 225, align: 'left' },
      { name: 'MIDno', index: 'MIDno', width: 260, align: 'left'}],
            pager: jQuery('#pager'),
            rowNum: 100,
            rowList: [50, 100, 200, 500],
            sortname: 'ID1',
            sortorder: "desc",
            viewrecords: true,
            imgpath: 'http://mysite/Content/images',
            caption: 'Project Name Data',
            ondblClickRow: function(rowid, iRow, iCol) {
                var i = jQuery("#list").getRowData(rowid);
                window.location = '<%=linkPath %>/'+ i.VisitID;
            }
        });

1 个答案:

答案 0 :(得分:1)

尝试使用<table id="list"></table>作为容器。我不认为div是jqGrid的正确容器。然后你可以将表标签包装在任何div中。