javascript - IE 中的 JQuery jqGrid 垂直间距问题

Question

我一直在开发一个使用 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;
            }
        });

Answer 1

试试 <table id="list"></table>作为容器。我认为 div 不是 jqGrid 的合适容器。然后您可以将 table 标记包装在任何 div 中。