博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Extjs Grid自动换行
阅读量:6301 次
发布时间:2019-06-22

本文共 581 字,大约阅读时间需要 1 分钟。

  hot3.png

GridPanel 单元格自动换行,定义列的时候加个 renderer,例如:

{         header : '序号',         dataIndex : 'ind',         renderer: function(value, meta, record) {             meta.attr = 'style="white-space:normal;"';              return value;         }  }
使用自动换行又会带来一个新的问题,那就是不需要换行的列在竖直方向上没有居中显示,而是靠上对齐,要想在竖直方向上居中显示还得改下 grid 的样式,本人不赞成直接修改 ext-all.css,一个是尊重人家的版权,还有就是改多了,以后自己都记不清。那么要想改过成单元格都竖直居中,只需在页面或者自己的样式定义里面 重写一个样式即可。代码如下:

其实看过原码就知道了,里面只有 vertical-align: middle; 才是设置对齐用的,其他的都是原来定义的样式,只是把这个对齐由原来的 top 改成了 middle 而已。这样就能既达到了有些列自动换行的目的,而且又不影响到 grid 的美观了。

转载于:https://my.oschina.net/junn/blog/390924

你可能感兴趣的文章
caioj 1084 动态规划入门(非常规DP8:任务安排)(取消后效性)
查看>>
洛谷 P1352 没有上司的舞会 (树上不相邻点权和最大)
查看>>
Oracle分区表,哈希分区的新建与增加
查看>>
Linux 小知识翻译 - 「补丁」(patch)
查看>>
【转】当AngularJS POST方法碰上PHP
查看>>
深入浅出ExtJS 第四章 表单与输入控件
查看>>
Jenkins配置自动化构建
查看>>
PCA的数学原理
查看>>
单词记忆软件设计方案及类图
查看>>
C#遍历数组
查看>>
threading模型
查看>>
测试人员的出路
查看>>
oracle 数据迁移之数据泵的基本使用
查看>>
Maven常用命令备忘
查看>>
五个典型的JavaScript面试题
查看>>
3.操作系统简单介绍 操作系统发展历史 批处理分时系统 操作系统是什么 操作系统对文件的抽象 进程 虚拟内存是什么 操作系统作用 操作系统功能...
查看>>
一个简单的关于计算器功能的实现(剽窃)
查看>>
Python3 接口自动化测试项目实战一(WEB项目)
查看>>
Android--自定义加载框
查看>>
LINUX下 lamp安装及配置
查看>>