解决element-ui table文字过长 进行省略溢出处理

问题:

文字内容过多,撑开不美观。

解决element-ui table文字过长 进行省略溢出处理_第1张图片

解决: 

el-table-column中加 :show-overflow-tooltip="true" > 属性进行溢出处理,浮动显示。

      
        
      

 浮动显示框更改样式:

.el-tooltip__popper{font-size: 14px; max-width:40% }/* 设置显示隐藏部分内容,按40%显示 */

最后效果:

解决element-ui table文字过长 进行省略溢出处理_第2张图片

 

你可能感兴趣的:(elementui)