2013-02-17 57 views
0

我有一個jqGrid的是這樣的:的jqGrid colname的高度

enter image description here

所以,我要的是150像素區有500像素,而不是150.我螢火檢查:

enter image description here

然後在css中:我看這條線:

 .ui-jqgrid .ui-jqgrid-bdiv{position:relative;margin:0;padding:0;overflow:auto;text-align:left;} 

,我總是試圖給這條線添加一個高度(不管我做什麼),這個值就像螢火蟲所說:150px。所以我不知道該怎麼做。

在此先感謝您的幫助。

回答

0

,如果你想改變所有行的高度試試下面的代碼

afterInsertRow: function(rowid, rowData, rowelem) { 


$(this).jqGrid('setRowData', rowid, false, { height: '500px' }); 
}, 

如果你想改變基於某些條件下的高度,你可以檢查它afterInsertRow事件函數內部

請注意:不知道這是一種好的/正確的方法

+0

謝謝克里斯。我在jquery.jqGrid.js文件中找到了解決方案:) – JuanFernandoz 2013-02-18 17:12:12

+0

不客氣 – Kris 2013-02-19 03:42:38

4

令我驚訝的是,解決方案是在另一個地方與css文件不同。

你要搜索的jquery.jqGrid.js

    var p = $.extend(true,{ 
     url: "", 
     height: 150, 
     page: 1, 
     rowNum: 20, 
        ... 

此行並改變了高度(默認高度爲150像素)。

    var p = $.extend(true,{ 
     url: "", 
     height: 500, 
     page: 1, 
     rowNum: 20, 
        ... 

就是這樣。