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';
}
}
],[
大家可以试试。
1 楼 Folyred 2010-08-21 你麻烦不?我是这么做的:
{field:'roleName',title:'角色名称',width:$(this).width() * 0.2} 2 楼 283433775 2010-08-23 看来我写的是麻烦了,但是我只是提出一种方法而已。 3 楼 tuo_bing 2011-04-28 可以根据浏览器的大小,来自动改变 datagrid 的大小么 ?