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

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

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

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

這樣是不行的，該怎么做呢，要做出這個(gè)樣子