码迷,mamicode.com
首页 > 其他好文 > 详细

jqgrid在页面出来竖型滚动条自动调整列宽

时间:2015-10-03 11:54:38      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:

在项目中使用jqgrid的时候,需要设置在页面竖型滚动条出来的时候,列宽进行调整

 

1. 判断jqgrid的宽度是否和页面的宽度不一致(判断滚动条是否出来)

2. 调整jqgrid的列宽,因为jqgrid本身在初始化完成后没有自动调整列宽的机制,所以需要进行手动写:

 1 if ($("#gview_jqgrid1 .ui-jqgrid-bdiv table").height() > $("#gview_jqgrid1 .ui-jqgrid-bdiv").height()) {
 2             //sub column size
 3             $(#jqgrid1_YOURCOLUMN).css("width", "77");
 4             $(#jqgrid1 ).css("width", "82");
 5             $(#jqgrid1 tr:first td:first).css("width", "77");
 6         } else {
 7             //add column size
 8             $(#jqgrid1_YOURCOLUMN).css("width", "93");
 9             $(#jqgrid1 ).css("width", "98");
10             $(#jqgrid1 tr:first td:first).css("width", "93");
11         }
12 }

 

jqgrid在页面出来竖型滚动条自动调整列宽

标签:

原文地址:http://www.cnblogs.com/fenqi/p/4853118.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!