请选择 进入手机版 | 继续访问电脑版
 找回密码
 免费注册
搜索

jqgrid宽度自适应

0
回复
5580
查看
[复制链接]

300

主题

301

帖子

1543

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1543
2014-2-20 13:39:52 显示全部楼层 |阅读模式
本帖最后由 chkoi 于 2014-2-20 13:44 编辑

jqgrid属性: 
width Grid的宽度,如果未设置,则宽度应为所有列宽的之和;如果设置了宽度,则每列的宽度将会根据shrinkToFit选项的设置,进行设置。
shrinkToFit 此选项用于根据width计算每列宽度的算法。默认值为true。如果shrinkToFit为true且设置了width值,则每列宽度会根据width成比例缩放;如果shrinkToFit为false且设置了width值,则每列的宽度不会成比例缩放,而是保持原有设置,而Grid将会有水平滚动条。
autowidth 默认值为false。如果设为true,则Grid的宽度会根据父容器的宽度自动重算。
 
  重算仅发生在Grid初始化的阶段;如果当父容器尺寸变化了,同时也需要变化Grid的尺寸的话,则需要在自己的代码中调用setGridWidth方法来完成。  
  这些属性只能是保证第一次时的宽度,当浏览器大小变化如还想让表格宽度自适应,就需要用jqgrid的方法setGridWidth,它有两个参数new_width,shr,当第二个参数不设置时会按照shrinkToFit的设置值或默认值,而第一个参数则要设置的新的宽度值,所以在些可用js实现对浏览器宽度变化的自适应:  
  1. $(function(){
  2. $(window).resize(function(){
  3. $("#analyDataTab").setGridWidth($(window).width()*0.99);
  4. $("#charDataTab").setGridWidth(document.body.clientWidth*0.99);
  5. });
  6. });
复制代码
  注:这里的百分比可按自己需要来设定,也可直接是浏览器的宽度大小。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册