首页 前端知识 解决 jqGrid冻结列高度不会自适应,高度不一致问题 (frozen:true)

解决 jqGrid冻结列高度不会自适应,高度不一致问题 (frozen:true)

2024-03-06 09:03:06 前端知识 前端哥 170 925 我要收藏

JS 使用技巧

一、解决 jqGrid 冻结列高度不会自适应的问题


前言

在 jqGrid 使用中,遇到冻结列(frozen:true) 时高度不会自适应的问题,如下图:
冻结列frozen:true 高度不会自适应
在网上看了并试了很多方法都解决不了冻结列错位的问题。
后自己研究用 jquery 的方法实现了。

一、解决思路及方法

思路:
取非冻结列的高度替换到冻结列。

方法代码如下:

// 通过数据加载后事件
loadComplete: function() {
  	// 针对 frozen 为 true 的冻列做处理,取非冻结列的字段高度为基准
  $("#gridList .jqgrow").each(function(index){
      // 冻结列为独立 table
      var tdF = $($("#gridList_frozen .jqgrow")[index]).find('td:first');     
      // 取非冻结列,这里是第二列
      var tdS = $(this).find('td:eq(1)');
      var s = $(tdS).height();
      // 把第二列的高度替换到冻结列
      $(tdF).height(s);
  });
}

最终效果:

效果

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3345.html
标签
评论
发布的文章

JQuery简介与解析

2024-03-01 12:03:31

在Vue 3项目中使用 echarts

2024-03-29 15:03:05

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!