後台介面，idcardno欄位。
專案直接使用了el-table元件：
:data
="warnings"
:row-class
-name
="highlightrow"
v-loading
="isloading"
>
-column
label=
"id"
prop=
"id"
/>
-column
label=
"時間"
prop=
"time"
/>
-column
label=
"身份證號"
prop=
"idcardno"
width=
"300"
/>
-column
label=
"車牌號"
prop=
"busno"
/>
-column
label=
"車站"
prop=
"busstop"
/>
-column
label=
"相似度"
prop=
"sim"
/>
-column
label=
"詳情"
>
="scope"
>
"detail(scope.row)"
type
="primary" size=
"mini" plain>檢視
>
-column
>
-column
label=
"確認時間"
prop=
"acktime"
:formatter=
"timeformatter"
/>
>
el-table元件中的資料來源是直接給了乙個物件，所以其實table中的每乙個cell使用者都不需要管。前端截圖的介面，沒有經過操作之後直接顯示的效果是：
很難看對吧。所以想要把cell裡的內容也進行換行，至少得看的清楚吧？
直接將warnings資料來源中的每乙個元素的物件中的字段用split分割，再用join拼接\n換行符之後，希望它能夠起作用。但是實際f12 dom樹中的文字看到是進行了換行，但是el-table的cell紋絲不動。
使的內容自動換行。元素可定義預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字型。
先嘗試使用：word-wrap: break-word;將內容自動換行，ie，op，chrome，safari都可以，ff就悲劇了。
檢視了pre的瀏覽器預設樣式中真正起作用的是white-space: pre這一條。
看看white-space的值：
按照我的需求，我希望它保留換行符。於是新增了樣式：
Element table元件單元格合併（縱向）
一 計算 1.html 2.對源資料進行計算 初始化合併參數列 var cols 參與合併的字段，在這裡增加即可 var loca 合併座標與數量 for var i in cols for var i 0 i pdata.rows.length i else 設定行號 for var q in l...
element table元件某列無資料顯示佔位符
之前用過table元件的formatter用來格式化內容，是直接用其中row引數去每列定義乙個formatter函式，也是瓜西西咧，該function row,column,cellvalue,index 有三個引數，其中cellvalue就是我們每列對應的內容，直接對齊格式化內容就可以table元...
vue elementui table元件內容換行
解決方案 tabledata 將tabledata的資料join拼接 n換行符之後 看看white space的值 normal 預設。空白會被瀏覽器忽略。pre 空白會被瀏覽器保留。其行為方式類似 html 中的標籤。nowrap 文字不會換行，文字會在在同一行上繼續，直到遇到 標籤為止。pre ...