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

clipboard.png

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

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

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

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

clipboard.png

阅读 3.3k
2 个回答

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

推荐问题