element ui 表格数据溢出隐藏，鼠标hover显示tip

先看效果，是否是想要的

首先 给需要处理的列加show-overflow-tooltip属性

 <el-table-column prop="bb" label="数据过长的列" :show-overflow-tooltip="true">
 </el-table-column>

然后 在style中设置如下样式

 .el-table .cell {
        white-space: nowrap;   //强制不换行
        overflow: hidden; //溢出隐藏
        text-overflow: ellipsis  //替换为省略号
    }

解决