zoukankan      html  css  js  c++  java
  • jqGrid表格 冻结列调整列宽后导致后一列左端被隐藏部分内容的问题

    使用 jqGrid 渲染表格,手动拖拽冻结列,调整该列的列宽后,导致了后一列内容的左端被隐藏了部分内容。

    经过排查,发现这个情况只在冻结列调整列宽时出现,并且由于 jqGrid 不支持初始化后调整列宽,使用了以下 hack 方法:

    jQuery('#grid-table').jqGrid({
              datatype: 'local',
              shrinkToFit: false,
              autoScroll: true,
              height: 'auto',
              auto true,
              colNames: [
                '名称',
                // 此处留空
                '',
                '日期',
              ],
              colModel: [
              {
                  name: 'name',
                  index: 'name',
                   140,
                  editable: false,
                  sortable: false,
                  frozen: true
              }, {
                  // 此列用于hack修复冻结列拖拽后列宽错误的问题
                  name: 'block',
                  index: 'block',
                   1,
                  fixed: true,
                  hidedlg: true,
                  hidden: true,
              }, {
                  name: 'date',
                  index: 'date',
                   120,
                  editable: false,
                  sortable: false,
              ],
              // ...
              resizeStart: function() {
                jQuery("#grid-table").setGridParam().showCol("block");
              },
    
    

    即,在冻结列后加入一个隐藏的空白列,然后调整宽度事件触发之前,用 resizeStart 执行,显示该空白列。调整宽度事件结束后,该空白列刚好被隐藏,此时正常内容就能完整显示了。

  • 相关阅读:
    android —— textview解析html富文本
    android toolbar及可折叠标题栏
    dp——cf1327F
    cf1327D,E——组合数学
    技能表自查
    python 之禅 import this
    转--Python标准库之一句话概括
    python 爆破
    python -- 算法
    python 代码模板
  • 原文地址:https://www.cnblogs.com/unclefang/p/14808988.html
Copyright © 2011-2022 走看看