jquery easyUI datagrid如何让宽度自适应

chen8401314 2010-12-20 05:19:51
RT
...全文
38970 13 打赏 收藏 转发到动态 举报
AI 作业
写回复
用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>
  • 打赏
  • 举报
回复
宽度设置成百分比就行了吧。。
chen8401314 2010-12-21
  • 打赏
  • 举报
回复
我说的的是让grid宽度随浏览器的大小自动伸缩,如同html里table设置宽度百分比一样,设置fitColumns=true只能在列充满整个grid
stworthy 2010-12-21
  • 打赏
  • 举报
回复
设置fitColumns=true
chen8401314 2010-12-21
  • 打赏
  • 举报
回复
知道可以这样,但是浏览器拉伸的时候宽度还是不能自适应,还是初始化的值。。。哎
yzyun 2010-12-21
  • 打赏
  • 举报
回复
设置百分比会出错,目前不支持,可以这样:
width:function(){return document.body.clientWidth*0.9},

52,792

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧