colModel:

width:列的宽度+shrinkToFit :true,每列根据grid宽度成比例缩放;

width:列的宽度+ autowidth  :true,每列根据父级自动重算;重算仅发生在grid初始化的阶段。

如果当父级容器尺寸变化了,同时也需要变化grid的尺寸的话,则需要在自己的代码中调用setGridWidth方法来完成。

setGridWidth有两个参数(new_width,shr),当第二个参数不设置时会按照shrinkToFit 的设置值或默认值,而第一个参数则要设置的新的宽度值,所以在些可用js实现对浏览器宽度变化的自适应:

$(function(){

   $(window).resize(function(){  

           $("#id").setGridWidth($(window).width()*0.99);
           $("#id").setGridWidth(document.body.clientWidth*0.99);
       });

});

 

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐