jqgrid在頁面出來豎型捲軸自動調整列寬

標籤：

在項目中使用jqgrid的時候，需要設定在頁面豎型捲軸出來的時候，列寬進行調整

 

1. 判斷jqgrid的寬度是否和頁面的寬度不一致（判斷捲軸是否出來）

2. 調整jqgrid的列寬，因為jqgrid本身在初始化完成後沒有自動調整列寬的機制，所以需要進行手動寫：

 1 if ($("#gview_jqgrid1 .ui-jqgrid-bdiv table").height() > $("#gview_jqgrid1 .ui-jqgrid-bdiv").height()) { 2             //sub column size 3             $(‘#jqgrid1_YOURCOLUMN‘).css("width", "77"); 4             $(‘#jqgrid1 ‘).css("width", "82"); 5             $(‘#jqgrid1 tr:first td:first‘).css("width", "77"); 6         } else { 7             //add column size 8             $(‘#jqgrid1_YOURCOLUMN‘).css("width", "93"); 9             $(‘#jqgrid1 ‘).css("width", "98");10             $(‘#jqgrid1 tr:first td:first‘).css("width", "93");11         }12 }

 

jqgrid在頁面出來豎型捲軸自動調整列寬