jquery easyui datagrid 如何自适应分辨率宽度

如果一开始接触easyui的童鞋们都知道，一个datagrid生成的table是不能到边的。如下:

[img]http://dl.iteye.com/upload/attachment/275396/94f9ed52-2c5e-3494-b819-c6e3e369724c.jpg" alt="" width="1248" height="201[/img]


如上图，右边会有一列空白。所有的列宽是由固定的像素决定。这样即使你定到边了，但是换个分辨率的话，就会走形。那么如何解决呢？如何让这些宽度自适应分辨率呢？


在苦思冥想的情况下，发现一方法,如下：


定义一个方法

function getWidth(percent){

    return document.body.clientWidth*percent;

}


然后在columns中定义width这 样做。

[code="js"]columns:[[
        {title:'Base Information',colspan:3},
{field:'opt',title:'Operation',width:getWidth(0.1),align:'center', rowspan:2,
formatter:function(value,rec){
return 'Edit Delete';
}
}
],[

大家可以试试。

评论

4 楼 xiaofei214117 2016-11-29  

可以根据屏幕变化等比例缩小或变大吗？

3 楼 tuo_bing 2011-04-28  

   可以根据浏览器的大小，来自动改变 datagrid 的大小么 ？

2 楼 283433775 2010-08-23  

看来我写的是麻烦了，但是我只是提出一种方法而已。

1 楼 Folyred 2010-08-21  

你麻烦不？我是这么做的：
{field:'roleName',title:'角色名称',width:$(this).width() * 0.2}