jquery easyUI datagrid如何让宽度自适应

chen8401314 2010-12-20 05:19:51

...全文

38970 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

hasegawa2012 2012-09-29

打赏
举报

谢谢啊，再请问一下怎样设置最小的宽度呢？
[Quote=引用 7 楼的回复:]

1.在$('#test').datagrid()中设置：
width:function(){return document.body.clientWidth*0.9},

2.<body onresize="resizeGrid();">
JScript code

function resizeGrid(){
$('#test').datagrid('resize', {
……
[/Quote]

cheng5_come 2012-09-13

打赏
举报

有个笨方法
window.onresize=function(){
$('#table').datagrid({width:fixWidth(1)});
}
function fixWidth(percent)
{
return document.body.clientWidth * percent ; //这里你可以自己做调整
}
不过每次调整浏览器大小 datagrid都会获取数据一次

q370699 2012-06-13

打赏
举报

貌似没有人解决楼主的问题我告诉楼主一个思路具体jquery楼主自己写就是要取得一个不包含datagrid的但是又能自适应宽度的元素比如div或者table等取得它的宽度赋予datagrid 这样拉动窗口时当另外一个div或table自适应宽度时datagrid也会自适应宽度这个方法随笨但是能解决楼主的问题。希望高手能有更好的办法。

哈根达斯VIP 2011-12-01

打赏
举报

http://www.cnblogs.com/wujie6166/archive/2011/09/21/2184049.html
设置标题和列宽一致

游园密语 2011-03-17

打赏
举报

无论怎么设置标题和对应的单元格宽度不能一样就导致看上去很乱很乱要如何是好呀

yzyun 2010-12-22

打赏
举报

1.在$('#test').datagrid()中设置：
width:function(){return document.body.clientWidth*0.9},

2.<body onresize="resizeGrid();">



function resizeGrid(){

    $('#test').datagrid('resize', {

        width:function(){return document.body.clientWidth*0.9;},

        height:400

    });

}

stworthy 2010-12-22

打赏
举报

设置fit=true就能让DATAGRID自适应其父容器。



<html style="width:100%;height:100%">

<body style="width:100%;height:100%;margin:0;padding:0;overflow:hidden">

<table id="tt"></table>

</body>

</html>