jqgrid表格宽度自适应

最新推荐文章于 2023-06-26 10:49:42 发布

VIP文章 shelleyHLX

最新推荐文章于 2023-06-26 10:49:42 发布

阅读量1.8k

点赞数

分类专栏： # jqgrid 文章标签： js

本文链接：https://blog.csdn.net/qq_27009517/article/details/116800975

版权

 //表格宽度自适应
   $(function(){
      $(window).resize(function(){
         $("#list2").setGridWidth($(window).width());
      });
   });

上午调试了一下，收缩左侧菜单，右侧jqgrid表格自适应宽度。

上面需要注意的点，我已经用红色标注了，下面我会一一说明

1.$("#list2")

这个是创建表格tableid（div中table的id）

如果是表格在iframe中那么像这样调用不会实现效果的，应该会报错后面的方法找不到

我这边刚开始想的是我写的有错误，后来发现写的没有问题，原因就在于iframe，后来呢，

我又想单独将这个设置宽度的方法拿出来，再进行封装，后来呢，因为这个方法内有其他的调用关系

而且不能直接使用tableid进行调用，所以我又换了一种思路，我直接再生成表格的页面里面添加

上面的方法，这样就不会出现这种跨越iframe的问题了

2.$(window).width()

这里的宽度获取动态窗口的即可，如果需要调整直接在动态窗口的基础之上加减乘除即可

例子：

<!DOCTYPE html>
<html lang="en">

<head>
	<title>员工管理</title>

关注