在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 怎么給element ui 某列比較長的數(shù)據(jù)設(shè)置顯示多少字后后邊為...

怎么給element ui 某列比較長的數(shù)據(jù)設(shè)置顯示多少字后后邊為...

clipboard.png

如圖這是我表格的一行,使用傳統(tǒng)的辦法:

table{
   table-layout: fixed;  ==>固定布局的算法。在這種算法中,表格和列的寬度取決于col對象的寬度總和,假如沒有指定,則會取決于第一行每個單元格的寬度。 
                  假如表格沒有指定寬度( width )屬性,則表格被呈遞的默認寬度為 100% (注意:此樣式是關(guān)鍵)
}

td{
   white-space: nowrap;      ==>設(shè)置內(nèi)容抵達容器邊界會不會轉(zhuǎn)到下一行
   overflow: hidden;         ==>不顯示超過對象尺寸的內(nèi)容(這個絕對不能少),也就是說設(shè)置td里面的數(shù)據(jù)無論有多少,都不會換行
   text-overflow: ellipsis;  ==>將被隱藏的那部分用省略號代替。
 }

這樣是不行的,該怎么做呢,要做出這個樣子

clipboard.png

回答
編輯回答
吃藕丑

文檔 Table-column Attributes有個show-overflow-tooltip屬性,你看能滿足需求不。。

2018年9月2日 18:27
編輯回答
貓館

el-table有一個cell-class-name的屬性,就是用來添加自定義類名的

2018年9月20日 00:45