EasyUI datagrid數據表格單元格內容許換行 解決單元格內純數字或英文文本不能換行問題

官方的數據表格屬性中提供了nowrap屬性
其做用是：設置爲 true，則把數據顯示在一行裏。設置爲 true 可提升加載性能。
默認爲true
在設置數據表格屬性時將nowrap屬性設置爲false時，而且設置表格的寬度，當單元格內數據內容超過寬度時就會自動換行

{
    field : 'khmc',
    title : '生產線',
    align : 'center',
    halign : 'center',
    width:50,
},

---

可是當數據單元格內的文本爲純數字或者英文時不能換行，或出現內容被截斷的現象
如圖：

此時就須要從新定義一下單元格內文本的格式

{
    field : 'pfhm',
    title : '配方編碼',
    align : 'left',
    halign : 'center',
    width:50,
    formatter : function(value, row, index) {
        return '<div style="word-break:break-all; word-wrap:break-word;white-space:pre-wrap;">'+ value + '</div>';
    } 
},

用帶有如下樣式的div標籤對包裹文本內容確保內容都會換行
容許在單詞內換行：word-break:break-all;
在長單詞或 URL 地址內部進行換行：word-wrap:break-word;
保留空白符序列，可是正常地進行換行：white-space:pre-wrap;