首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

兑现Ext的grid单元格数据过长换行显示

2012-10-21 
实现Ext的grid单元格数据过长换行显示Grid的单元格对数据显示都是采用省略的办法来处理的,即内容长度超过

实现Ext的grid单元格数据过长换行显示
Grid的单元格对数据显示都是采用省略的办法来处理的,即内容长度超过单元格长度时自动隐藏超过的部分并使用省略号...来显示,这样虽然也很好,但有时我们可能还是希望它能完全的显示出来,即采用换行显示。

最简单的办法莫过于直接修改ext-all.css,但俺一般不侵入ext的源文件,那就自己用别的方法实现吧。
方法其实也很简单,判断该grid是否需要换行显示。如果是则加上这段代码:

.x-grid3-cell-text-visible .x-grid3-cell-inner{overflow:visible;padding:3px 3px 3px 5px;white-space:normal;}

效果:
Firefox下如果长度变长,则会换行
IE下面,如果长度过长,则会显示 ...

热点排行