el-table 默認內容不換行 修改使得內容能夠換行

1. 需求

最近由於項目需要，需要將數據展示到el-table。由於展示的數據爲JSON數據，對於沒有格式化的JSON數據看起來非常難看（如下圖所示），所以尋思着查找能夠識別換行的解決方案！！！

如果只是想讓數據能夠換行直接看2.2即可。。。。。

2. 解決方案

2.1 首先需要將JSON數據格式化

由於需要展示格式化的JSON數據，所以在傳送到表格之前我們需要自己對JSON數據進行格式化，代碼如下：

JSON.stringify(xxxxxxxxx, null, "\t")  //xxxxxxxxx是原始JSON數據

2.2 設置樣式使得內容能夠換行

這裏先貼出我的表格代碼，注意看紅的部分即可，因爲下面將使用css來控制樣式

css代碼中使用類選擇器進行樣式的設置，主要部分就是：white-space: pre-wrap;

<style>
    .elTable .cell {
        white-space: pre-wrap;
    }
</style>

2.3 結果

到此換行功能實現！！！！！！！！！！！！！！！！！！！！！！！