表格中的内容过长时不换行，以tips方式展示

项目使用vue+element-ui

tooltip-effect="light" 需要设置这个属性, 然后在需要使用的中使用 show-overflow-tooltip="true" 既能实现效果

显示效果

 

有两点需要注意：

①el-table标签中需要添加tooltip-effect=”dark”属性

②el-table-column标签中需要添加show-overflow-tooltip属性

默认情况下若内容过多会折行显示，若需要单行显示可以使用show-overflow-tooltip属性，它接受一个Boolean，为true时多余的内容会在 hover 时以 tooltip 的形式显示出来。