ExtJs GridPanel Column 自动换行
2012-12-06 18:29
260 查看
解决的办法有两种:
1. 将 该字段的 width 设为 auto, 这种情况下则还会显示为一行,但是会自动延伸(产生Horizon ScrollBar)
2. 将 ext-all.css 中 .x-grid3-cell-inner 改动 white-space, 将其值设为 normal !important; 这种情况下可以设定字段 width 为固定值,当数据超出时则自动换行
3. 在字段配上 renderer 属性
1. 将 该字段的 width 设为 auto, 这种情况下则还会显示为一行,但是会自动延伸(产生Horizon ScrollBar)
2. 将 ext-all.css 中 .x-grid3-cell-inner 改动 white-space, 将其值设为 normal !important; 这种情况下可以设定字段 width 为固定值,当数据超出时则自动换行
.x-grid3-cell-inner, .x-grid3-hd-inner{ overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding:3px 3px 3px 5px; /*white-space: nowrap;*/ white-space:normal !important; }
3. 在字段配上 renderer 属性
renderer:function(value,meta,record){ meta.attr = 'style="white-space:normal;"'; return value; }
相关文章推荐
- extjs gridPanel columnModel renderer笔记
- ExtJs GridPanel Column 自动换行
- ExtJs gridPanel Column 时间格式化
- Extjs gridPanel column 每一行的内容自动扩充换行
- ExtJs actioncolumn根据grid数据动态显示按钮
- extjs GridPanel SelectionModel 相互关联
- ExtJS GridPanel 根据条件改变字体颜色
- Extjs3.0中的TreeGrid(Ext.ux.maximgb.tg.EditorGridPanel)
- 让ExtJS里的GridPanel的列能够自动决定宽度
- ExtJS EditorGridPanel 示例之xml格式Store前后台增删改查
- Extjs学习笔记2 -创建一个GridPanel
- Extjs的GridPanel的RowExpander的扩展
- EXTJS 4 Json nested data in grid panel
- Extjs grid column里添加button等html标签,并增加点击事件
- EXTJS 4.2 实现 gridpanel 鼠标悬停单元格以提示信息的方式显示单元格内容。
- Extjs学习 Ext.grid.GridPanel
- ExtJS EditorGridPanel 示例之JSON格式Store前后台增删改查
- ExtJs gridPanel 显示查询无数据
- Extjs EditorGridPanel afteredit 事件的用法
- extjs之GridPanel表格