Ext表格列头折行。
/** add by XDY 表头折行 覆盖ext-all.css中相关内容*/ .x-grid3-cell-inner, .x-grid3-hd-inner{ overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding:3px 3px 3px 5px; } /** add by XDY 表头折行 覆盖ext-all.css中相关内容*/ .x-grid3-hd-inner { position:relative; cursor:inherit; padding:4px 3px 4px 5px; white-space:normal !important; }
Ext表格内容折行。
/** add by XDY 表格内容折行 覆盖ext-all.css中相关内容*/ .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; }
上面两个处理方法,是强制性折行,但是用户有需要根据用户的参数设置来决定是否需要折行。以内容折行为例
//add by XDY 表格内容过长,折行显示。修改ext-all.css的样式 if (gridProperty.ContentWrap) Ext.util.CSS.updateRule('.x-grid3-cell-inner','white-space','normal');
其中 gridProperty.ContentWrap 是我定义的属性,大家根据需要传入这个参数即可。