設置jqGrid每一列的寬度

jqgrid屬性:  

width:

Grid的寬度,如果未設置,則寬度應爲所有列寬的之和;如果設置了寬度,則每列的寬度將會根據shrinkToFit選項的設置,進行設置。  

 shrinkToFit:

此 選項用於根據width計算每列寬度的算法。默認值爲true。如果shrinkToFit爲true且設置了width值,則每列寬度會根據width 成比例縮放;如果shrinkToFit爲false且設置了width值,則每列的寬度不會成比例縮放,而是保持原有設置,而Grid將會有水平滾動 條。  

autowidth:

默認值爲false。如果設爲true,則Grid的寬度會根據父容器的寬度自動重算。重算僅 發生在Grid初始化的階段;如果當父容器尺寸變化了,同時也需要變化Grid的尺寸的話,則需要在自己的代碼中調用setGridWidth方法來完 成。  這些屬性只能是保證第一次時的寬度,當瀏覽器大小變化如還想讓表格寬度自適應,就需要用jqgrid的方法setGridWidth,它有兩個參 數,new_width,shr,當第二個參數不設置時會按照shrinkToFit的設置值或默認值,而第一個參數則要設置的新的寬度值,所以在些可用 js實現對瀏覽器寬度變化的自適應:  

$(function(){   

    $(window).resize(function(){  

        $("#analyDataTab").setGridWidth($(window).width()*0.99); 
        $("#charDataTab").setGridWidth(document.body.clientWidth*0.99);  

    });  
});  

注:這裏的百分比可按自己需要來設定,也可直接是瀏覽器的寬度大小。

 

轉自:https://blog.51cto.com/javaqun/1729613

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章