需求1：行中的數(shù)據(jù)太多導(dǎo)致表格變形
image.png
解決辦法：在列屬性中加上一個(gè)：
show-overflow-tooltip
image.png
最終結(jié)果：鼠標(biāo)移入才會(huì)顯示對(duì)應(yīng)數(shù)據(jù)，見(jiàn)下↓
image.png
需求二：上述cover彈窗太長(zhǎng)，充滿整個(gè)屏幕用戶體驗(yàn)
解決辦法：另外再寫一個(gè)style，直接寫在scope中很可能沒(méi)有效果，如果去掉scope會(huì)污染全局
<style lang="css">
.el-tooltip__popper {
max-width: 30%;
line-height: 30px;
}
image.png
效果：
image.png
我不管我最厲害。
更改！上述組件樣式修改萬(wàn)不可如此，之前未出現(xiàn)大規(guī)模樣式?jīng)_突是因?yàn)?，整個(gè)項(xiàng)目中只有這里用到了那個(gè)cover。
假如你修改的是按鈕，或者輸入框等多處復(fù)用的樣式，則會(huì)引起大部分污染。
正確解決辦法，在要修改的引用組件上加上一個(gè)id，用id跟deep深度修改組件樣式。如下：
在要修改樣式的組件上加個(gè)id
自加id與deep配合
