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';
}
}
],[

大家可以试试。