当前位置: » 首页 » Extjs 框架 » ExtJS中实现Grid的单元格内容换行

ExtJS中实现Grid的单元格内容换行

很多时候,ExtJS中的Gird单元格内容会超出单元格的长度,此时框架会默认把超出单元格长度的“额外”内容截掉,并以省略号代替。
效果如下图所示:
column_default
项目中,需要把上述情况以换行显示来代替。由于换行显示的应用场景较多,最终本人利用扩展组件的方式来实现。
扩展组件代码如下:


使用起来很简单,在配置gird组件的columns属性的时候,把需要实现内容换行的列的xtype更改为linebreakcolumn即可:

使用后的效果如下:
column_linebreak

最受欢迎

发表评论