JQGrid網格不能正常刷新，並且GridUnload方法似乎意外地工作

Question

刷新現有的JQGrid時出現意外問題：網格首次顯示沒有問題，然後用戶將新數據應用於網格，表頭和數據表，和電網的尋呼機消失：

$("#grid").GridUnload(); 

    grid = jQuery("#grid").jqGrid({ 
     data : response.list, 
     datatype : "local", 
     colNames : columnNames, 
     colModel : [ { 
      name : 'column1', 
      index : 'column1', 
      width : 100, 
      sorttype : 'text' 
     }, { 
      name : 'column2', 
      index : 'column2', 
      width : 100, 
      sorttype : 'text' 
     }, { 
      name : 'column3', 
      index : 'column3', 
      width : 100, 
      sorttype : 'text' 
     }, { 
      name : 'column4', 
      index : 'column4', 
      width : 100, 
      sorttype : 'text' 
     } ], 
     rowNum : 30, 
     width : $("#grid").width(), 
     height : $("#grid").height(), 
     rowList : [ 30, 100, 150 ], 
     pager : "#gridPage", 
     sortname : 'column1', 
     viewrecords : true, 
     sortorder : "desc", 
     shrinkToFit : false, 
     rownumbers : true, 
     altRows : true, 
     caption : "Sample Grid", 
    }); 

    jQuery("#grid").jqGrid('navGrid', "#gridPage", { 
     edit : false, 
     add : false, 
     del : false, 
     search : false, 
     refresh : false 
    }); 

    jQuery("#grid").jqGrid('setGroupHeaders', { 
     useColSpanStyle : true, 
     groupHeaders : [ { 
      startColumnName : 'column1', 
      numberOfColumns : 2, 
      titleText : 'MergedColumn1' 
     }, { 
      startColumnName : 'column3', 
      numberOfColumns : 2, 
      titleText : 'MergedColumn2' 
     } ] 
    }); 

在這裏，你可以看到，之前創建我用的方法「$("#grid").GridUnload();」來清除它一個新的jqGrid的網格。

我很難弄清楚，不知道是什麼讓它發生？有人可以幫我嗎？

Answer 1

經過多次嘗試，我解決了這個問題。對於我來說，如果電網需要有固定的寬度和高度，並在其列太多的顯示水平滾動條，就像下面的方法來設置的jqGrid：

grid= jQuery("#grid_id").jqGrid({ 
    width : 1000, 
    height: 800, 
    shrinkToFit: false, 
}); 

是確保電網最重要的事情工作沒有問題的是，你應該添加THML配置'align =「center」'到網格附加的表格。

<table id="grid_id" align="center"></table> 

我不知道爲什麼這解決了它，但無論如何，它的工作原理。