怎么给element ui 某列比较长的数据设置显示多少字后后边为...

Question

如图这是我表格的一行，使用传统的办法：

table{
 　　table-layout: fixed;  ==>固定布局的算法。在这种算法中，表格和列的宽度取决于col对象的宽度总和，假如没有指定，则会取决于第一行每个单元格的宽度。 
　　　　　　　　　　　　　　　　　 假如表格没有指定宽度( width )属性，则表格被呈递的默认宽度为 100% （注意：此样式是关键）
}

td{
 　　white-space: nowrap;      ==>设置内容抵达容器边界会不会转到下一行
 　　overflow: hidden;         ==>不显示超过对象尺寸的内容（这个绝对不能少）,也就是说设置td里面的数据无论有多少，都不会换行
 　　text-overflow: ellipsis;  ==>将被隐藏的那部分用省略号代替。
 }

这样是不行的，该怎么做呢，要做出这个样子

Answer 1

文档 Table-column Attributes有个show-overflow-tooltip属性，你看能满足需求不。。

Answer 2

el-table有一个cell-class-name的属性，就是用来添加自定义类名的