在使用 el-table 展示資料時，單元格中的資料有可能存在空格和換行符，若不進行設定，瀏覽器預設會取消空格和換行符，如下所示：

解決方法：

將單元格的樣式 “white-space” 屬性設定為“pre-wrap” 即可解決。在VUE頁面中新增如下樣式設定

 1 <template>
 2   ...
 3 </template>
 4 
 5 <style>
 6   .el-table .cell.el-tooltip {
 7       white-space: pre-wrap;
 8   }
 9 </
 
style>
10 
11 <script>
12   ...
13 </script>

 設定後，重新整理頁面。表格展示效果如下圖所示：

補充：

從 IntelliJ IDEA 的提示中，我們可以看到 “white-space” 屬性的值主要有如下幾類：

常見的配置對應的釋義如下所示：

--------------------------------------------------------------------------------------------------------------