网络规划之备份原则

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 是我定义的属性，大家根据需要传入这个参数即可。