elementui表格内文字太多设置溢出隐藏,鼠标移入显示并设置宽度大小

1.只需要给elementui标签上边添加属性:show-overflow-tooltip="true"即可设置鼠标显示
代码:

<el-table-column
              label="内容" :show-overflow-tooltip="true">
            </el-table-column>

2.如果鼠标移入显示内容过多的话可以设置显示的宽度或者设置为隐藏的

<style>
.el-tooltip__popper{
display: none;
}
</style>

or

<style>
.el-tooltip__popper{
max-width:50%
}
</style>

注意:上面的设置宽度或者隐藏的话不可以在有scoped的style里面写,否则不会有效果
可以重新写一个style标签把内容放在里面就可以了
如果觉得可以的话,希望能给老弟点个赞呀,哈哈