將寬度和高度設置爲jQuery JQGrid的最佳解決方案是什麼？

我使用jQuery的jqGrid的過程中遇到的一個奇怪的問題，下面的片段代碼是用於創建它：將寬度和高度設置爲jQuery JQGrid的最佳解決方案是什麼？

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

這個問題有3種症狀：

1，此網格有超過35列的寬度每列大於100PX，並且該網格的寬度固定爲1000PX，因此網格顯示用於查看所有列的滾動條。（正如你所看到的，我用固定值設置網格寬度和高度）

2，這個網格第一次運行良好，但它的標題和內容在第二次或更晚更新時會丟失。

3，我試圖評論寬度設置，換句話說，我沒有設置寬度到這個網格，它工作正常，不管它是第一次還是第二次，但網格的寬度是所有列的總和（3500PX），它將整個頁面展開得很難看。

grid= jQuery("#grid_id").jqGrid({ 
    data : response.list, 
    datatype : "local", 
    colNames : columnNames, 
    colModel : [ {....}],      
    rowNum : 30, 
    // width : $("#grid_id").width(), COMMENT it. 
    height: $("#grid_page").height(), 
    rowList : [ 30, 100, 150 ], 
    pager : "#grid_page", 
    sortname : 'name', 
    viewrecords : true, 
    sortorder : "desc", 
    shrinkToFit: false, 
    rownumbers: true, 
    altRows:true, 
    caption: "Sample Grid" 
});

所以我想問的問題是：什麼是設置寬度和高度的jQuery JQGrid的最佳解決方案是什麼？應該如何將它們設置到我的網格？

簡單地說，如何使一個具有許多列的網格與X滾動條一起工作？

來源

2012-11-07 Brady Zhu

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

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

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

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

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

來源

2012-11-07 08:55:28

將寬度和高度設置爲jQuery JQGrid的最佳解決方案是什麼？

回答

相關問題