vue element表格某一列内容过多,超出省略号显示

在使用element组件库里面的table组件时,遇到某一个字段内容过多,导致td高度被撑开,布局显得很不美观,像这样

 这时我们只要给table-cloumn添加一个属性show-overflow-tooltip,


              
            

实现超出隐藏,并有提示,这样的话会有下面效果:

 提示的长度特别长,超出了屏幕,不太好看。

可以在处理下样式,如下:

这样就好了,效果如下:

vue element表格某一列内容过多,超出省略号显示_第1张图片

 如果想要设置,显示几行,超过指定的值再隐藏,可以参考这篇博客:

https://blog.csdn.net/qq_42533735/article/details/107057038

你可能感兴趣的:(问题解决,element-ui,table,vue,tr超过隐藏)