ElementUI Table组件规定tr列显示宽度-超出部分以省略号代替

        最近玩VUE项目,无意间碰到的问题,还比较难找,所以记录一下。
    正常设定tr宽度,但是如果内容过多会一直换行,导致整个布局垮掉,如下图:
TIM截图20190516174704.png
这时我们只要给table-cloumn添加一个属性(超出隐藏-并给予tip提示),代码如下:
:show-overflow-tooltip="true"
如图:
TIM截图20190516174606.png
这个时候我们重新查看表格,会发现布局恢复,并且超出内容以省略号代替,并且当我们用鼠标移上去时(即hover效果),会提示出该列的完整内容,效果图如下:
TIM截图20190516174837.png
到这里,关于ElementUI设定tr超出内容隐藏并显示省略号就已经解决了,有疑问欢迎留言哦!
作者:徐先森 文章名: 《ElementUI Table组件规定tr列显示宽度-超出部分以省略号代替》
收录情况: 百度已收录
版权说明:若无特别注明,本文皆为 "徐博客”原创,转载请保留出处!

相关推荐

网友评论(已关闭)