2009-10-01 4 views
0

J'ai développé une application pour utiliser le plugin jqGrid de jQuery, et j'ai pensé que tout était bouclé jusqu'à ce que j'essaie de voir la grille dans IE. Dans IE, la grille apparaît avec une hauteur beaucoup plus grande dans le div .ui-jqgrid-view, mais les données elles-mêmes restent à une taille plus petite et s'affichent au bas du conteneur div (.ui-jqgrid-view). J'ai besoin d'afficher la grille "correctement". Je m'en fous si c'est la plus grande taille (que IE affiche) ou plus petit (comme dans FF) ... J'ai juste besoin d'avoir les données remplissent la zone de grille. Merci!Problème d'espacement vertical JQuery jqGrid dans IE

J'uploadés une capture d'écran: here

Grid Code:

$("#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; 
      } 
     }); 

Répondre

1

Essayez avec <table id="list"></table> comme récipient. Je ne pense pas que divs est un conteneur approprié pour jqGrid. Ensuite, vous pouvez envelopper l'étiquette de la table dans n'importe quelle div.