zoukankan      html  css  js  c++  java
  • exjs3.2的gridPanel的表头总宽度与列的总宽度不一致的解决方案

    修复之前的bug问题

    修复办法,谷歌浏览器中,table的单元格实际宽度=指定宽度+padding,所以只要重写gridview里的一个方法:

    Ext.override(Ext.grid.GridView,{
    getColumnStyle : function(colIndex, isHeader) {
    var colModel = this.cm,
    colConfig = colModel.config,
    style = isHeader ? '' : colConfig[colIndex].css || '',
    align = colConfig[colIndex].align;
    if(Ext.isChrome){
    style += String.format(" {0};", parseInt(this.getColumnWidth(colIndex))-4+'px');
    }else{
    style += String.format(" {0};", this.getColumnWidth(colIndex));
    }
    if (colModel.isHidden(colIndex)) {
    style += 'display: none; ';
    }
    if (align) {
    style += String.format("text-align: {0};", align);
    }
    return style;
    }
    });

    看看修复过后的效果


    作者:wangqc
    出处:http://www.cnblogs.com/wangqc/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
    该文章也同时发布在我的独立博客中-wangqc

  • 相关阅读:
    NOI2015 小园丁和老司机
    退役记
    留言板
    $mathfrak {reputation}$
    计算几何基础
    HNOI2018简要题解
    JXOI2018简要题解
    BJOI2018简要题解
    HAOI2018 简要题解
    CQOI2018简要题解
  • 原文地址:https://www.cnblogs.com/wangqc/p/extjs_columnWidth.html
Copyright © 2011-2022 走看看