ExtJs GridPanel Column 自動換行

解決的辦法有兩種：

 

   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;
}