我一直在开发一个使用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;
}
});
答案 0 :(得分:1)
尝试使用<table id="list"></table>
作为容器。我不认为div是jqGrid的正确容器。然后你可以将表标签包装在任何div中。